Set Video to Autoplay

You can easily trigger a YouTube or Vimeo video to automatically play when a user lands on your liveBooks website. Start with the same method to embed a video normally:

1. Copy the embed code from the Share tab on the video's page on YouTube/Vimeo
2. Paste the code into the Video block in your liveBooks Content tool

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:

Note: Due to automatic browser settings, a video cannot autoplay if the volume is on. The video will need to be muted if you want it to autoplay. If you are wanting to customize the view, volume, autoplay features, and Youtube deliverables (share, recommended videos, etc.) we recommend using an HTML block to enter in your embed code.

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

<iframe width=“560” height=“315" src=“https://www.youtube.com/embed/iG9CE55wbtY?rel=0;&autoplay=1&mute=1&loop=1&playlist=iG9CE55wbtY” 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.

The new code will look like this:

<iframe width=“560” height=“315" src=“https://www.youtube.com/embed/INSERTCODErel=0;&autoplay=1&mute=1&loop=1&playlist=INSERTCODE” frameborder=“0" allowfullscreen include></iframe>

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

 

For Vimeo:

1. To edit 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 the "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

Your video will now begin playing immediately when the page it's on is opened.

 

A video walkthrough:

Didn’t find what you were looking for?

We'll help you find the answer or connect with an advisor.

Chat Phone
Powered by Zendesk