Skip to main content

Autoplay and loop embedded videos

There are several methods if you’d like your embedded video to autoplay or loop. This article outlines how to autoplay and loop embedded videos from the video's page on vimeo.com or by directly editing the embed code. You may also choose to set up an end screen for your embedded videos.

In this article:

How to autoplay and loop embedded videos

1. Go to the video's public or password-protected page on vimeo.com. 

💡Tip: If you have accessed your video from your Library, you can copy the link to share from the top-right of the page to get to the video's page on vimeo.com. Select the link icon and then Copy and paste the URL into your browser. In the window that opens, click the +Show options link.

show_options_on_an_embedded_video.png

2. Select the "Share" button in the upper right corner of the video player.

share_button_on_vimeo.com.png

3. Check the corresponding boxes next to "Loop this video," "Autoplay this video," or both. You can then copy the embed code.

special_stuff_on_an_embedded_video.png

Please note that this method is currently only an option for Public or Password-Protected videos. Read on for alternative steps if your video is Unlisted.

You can also do this manually by adding the following parameters into your embed code:

  • loop=1
  • autoplay=1

If you have more than one video autoplaying on a particular page, you will also need to include this parameter:

  • autopause=0

So, for example, if you were embedding two autoplay, looping, videos on a page, the embed code for each would look like this:

<iframe src="https://player.vimeo.com/video/76979871?autoplay=1&loop=1&autopause=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>

Important: If your video is set to the Unlisted privacy setting, additional parameters must be added after the privacy hash parameter. This will appear directly after the video ID in the URL and looks similar to ?h=913062c8ff. Every parameter after the hash​ can be added using & rather than ?.

Autoplay restrictions

If the autoplay parameter is present, our player will attempt to automatically begin playback. However, please note that some browsers specifically block autoplay. In these cases, your video will revert back to the original thumbnail and controls, requiring viewers to select play to start playback.

⚠️Note: It is not currently possible to autoplay or loop non-embedded onsite videos.

Autoplay is currently restricted in the following environments:

Safari version 11+ (Desktop)

Documentation: https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/Policy:  Autoplaying videos must be muted. Viewers can choose to block or allow unmuted autoplay for specific domains on their setup. Learn more information from Apple at 'Stop autoplay videos in Safari on Mac'

Chrome version 66+ (Desktop/Mobile)

Documentation: https://developers.google.com/web/updates/2017/09/autoplay-policy-changesPolicy: Autoplaying videos must be muted. Videos that are frequently visited by the viewer are permitted to autoplay with sound (based on Google’s scoring system)

iOS (Safari, other mobile browsers, apps)

Documentation: https://webkit.org/blog/6784/new-video-policies-for-ios/
Policy: Autoplaying videos must be muted.
Device: Autoplay is disabled when the iPhone or iPad is in Low Power Mode.

Firefox 66+ (Desktop/Mobile)

Documentation: https://support.mozilla.org/en-US/kb/block-autoplay
Policy: Firefox now blocks videos with sound from playing automatically. This change is being gradually rolled out to users in Quantum version 66. Viewers can choose to block or allow unmuted autoplay for specific domains on their setup 

Workarounds

There is no way to stop these autoplay restrictions; however, you can mute your video to ensure the autoplay is always honored. Just add one of the following parameters to the end of the player URL in your embed code:  

?background=1: This parameter automatically disables all elements in the player (play bar, buttons, etc), autoplay, loops, and mutes your video on load. Please note: the background parameter is only supported for videos hosted by paid members. Learn more at 'Embed background and chromeless videos'.

?muted=1 This parameter will automatically mute your video on load. Once your video plays, viewers can manually unmute it by clicking on the volume bar within the player.

⚠️Note: Both of these parameters will force your video to load as muted in all browsers. Videos without audio tracks (or audio tracks without sound) will not be considered muted by browsers. In order to bypass autoplay restrictions, you must use one of the embed parameters above. 

 

Still having trouble in Chrome?
 
If your webpage has permission to autoplay but your video is still not playing, you may need to add the allow=autoplay parameter to the Vimeo iframe and any iframe in your webpage that the player is contained within. This parameter is included in our default embed code, but if you're working in another embed application, or with multiple iframes, you may need to add it manually. 
 
Here is an example using the Vimeo iframe:

<iframe src=" https://player.vimeo.com/ video/81400335?autoplay=1&muted=1 "width="640" height="360" frameborder=“0”  allow=fullscreen allow=autoplay></iframe>

Please see Google’s Autoplay Policy for more information on the allow=autoplay parameter. 

If you are experiencing an issue, or have any questions, please contact Vimeo Support.

Related articles