Set Video to Autoplay

You can easily trigger a YouTube or Vimeo video to automatically play when a user lands on your site.

Note: The autoplay feature does not work on mobile or tablet devices.

1. Copy the embed code from the Share tab on the video’s page on YouTube/Vimeo, and then paste the code into the video block.

EXAMPLE: The normal embed share code will look like this for Youtube:

<iframe width="560" height="315" src="https://www.youtube.com/embed/EVnjZnJ5_cg" frameborder="0" allowfullscreen></iframe>

EXAMPLE: The normal embed share code will look like this for Vimeo:

<iframe src="https://player.vimeo.com/video/161181924" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

<p><a href="https://vimeo.com/161181924">SpaceCraft Overview</a> from <a href="https://vimeo.com/user16784630">go_spacecraft</a> on <a href="https://vimeo.com">Vimeo</a>.</p>

For YouTube Videos:

1. You will only need to modify a small part of the code YouTube gives you. Copy and paste this code into a Video/Video Gallery/HTML block:

<iframe width="560" height="315" src="https://www.youtube.com/embed/iG9CE55wbtY?rel=0;&autoplay=1&mute=1" frameborder="0" allowfullscreen include></iframe>

2. Change the Alphanumeric Code that appears between embed/ and ?rel=0. In this case, the code to replace is iG9CE55wbtY. (The next step tells you what to replace it with.)

3. Grab your video's code from your Youtube Video. Click on the Share button for the video, and then the Embed Code icon to get the embed share code. Be sure to only copy and paste the alphanumeric code that you will need to replace the example above.

4. Select the green Publish button to make your changes live.

For Vimeo Videos:

1. To modify the code to include an autoplay function, simply insert this after the alphanumeric code:

?autoplay=1

This is located at the end of the "vimeo.com" hyperlink, inside the quotation mark that appears before "width".

The new code will look like this:

<iframe src="https://player.vimeo.com/video/161181924?autoplay=1" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<p><a href="https://vimeo.com/161181924">SpaceCraft Overview</a> from <a href="https://vimeo.com/user16784630">go_spacecraft</a> on <a href="https://vimeo.com">Vimeo</a>.</p>

2. Select the green Publish button to make your changes live.

Powered by Zendesk