Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Bug Reports
  3. Vimeo autoplay and loop does not work ;(

Vimeo autoplay and loop does not work ;(

Scheduled Pinned Locked Moved Bug Reports
4 Posts 2 Posters 507 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • M Offline
    M Offline
    Markus
    wrote on last edited by Markus
    #1

    Hey guys,

    for a client-website I wanted insert vimeo videos with "autoplay"... https://vimeo.com/349093088 But it does not work ;(

    A HTML code with the vimeo auto function unfortunately also does not work, the same result. Only the MP4 files work with autoplay.

    (Would it also be possible to insert vimeo files into cover options or into intro one day... that would be awesome)

    Best and thx!!!

    Bildschirmfoto 2021-12-14 um 19.56.25.png

    1 Reply Last reply
    0
    • RichardR Offline
      RichardR Offline
      Richard
      Global Moderator
      wrote on last edited by Richard
      #2

      Dear @Markus

      Thank you for the Bug report šŸŒ
      I believe this is due to Modern browser laws and not Lay Theme. Modern browsers will not allow autoplay if there is sound. This was implemented i think in 2011-14? (unsure exactly)

      When adding the Vimeo +more - HTML you need to add some extra muted parameters to get it to work.


      Here for example:

      Unmuted (autoplay is cancelled in browser)

      <iframe src="https://player.vimeo.com/video/349093088?h=afc3752306&autoplay=1&loop=1&title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" allow="autoplay;  fullscreen; picture-in-picture" allowfullscreen></iframe>
      

      Muted - Now autoplays in browser

        <iframe id="vimeo_player" src="https://player.vimeo.com/video/349093088?autoplay=1&loop=1&autopause=0&muted=1" width="640" height="360" frameborder="0" muted webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
      
      

      You can see the result in action here on a test-page:

      https://rickei3.dreamhosters.com/vimeo-autoplay-embed-bug/

      &Muted=1 is added to the src and also muted is added on its own near the end.

      A little tricky as i cant see any muted option for Vimeo when "share"'ing the embed... Sorry that its a bit difficult.

      Does this help Markus or wont suit your needs?


      "(Would it also be possible to insert vimeo files into cover options or into intro one day... that would be awesome)"

      Added to the development notes āœ… šŸŒ


      Talk soon & best wishes
      Richard
      1 Reply Last reply
      0
      • M Offline
        M Offline
        Markus
        wrote on last edited by
        #3

        Hey @Richard,

        thank you very much... I understand. Thank you for the detailed answer. Pitty, but you helped me a lot! :)

        Best and a nice pre-christmas time!

        1 Reply Last reply
        0
        • RichardR Offline
          RichardR Offline
          Richard
          Global Moderator
          wrote on last edited by
          #4

          Thanks @Markus have a wonderful christmas too! 🌻

          1 Reply Last reply
          0
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          I also code custom websites or custom Lay features.
          šŸ’æ Email me here: šŸ’æ
          info@laytheme.com

          Before you post:
          1. When using a WordPress Cache plugin, disable it or clear your cache.
          2. Update Lay Theme and all Lay Theme Addons
          3. Disable all Plugins
          4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

          This often solves issues you might run into

          When you post:
          1. Post a link to where the problem is
          2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
          3. If the problem is difficult to explain, post screenshots / link to a video to explain it
          Online Users
          Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
          laytheme.com
          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Recent
          • Tags
          • Popular
          • Users
          • Search