Set Video to Autoplay

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

Before you add an autoplay video on your website, there are two things to keep in mind:

1. The autoplay feature does not work on mobile or tablet devices.
   
2. Most internet browsers will not allow the video to autoplay unless the video is muted first. The codes below will automatically mute the video for you.
   

For YouTube Videos:

1. Navigate to the page where you would like to add your video, and create an HTML Block.

2. Copy and paste the code below into the HTML block:

1. <iframe width="560" height="315" src="https://www.youtube.com/embed/TA-3Bsxabok?playlist=TA-3Bsxabok&autoplay=1&controls=0&loop=1&mute=1" frameborder="0" allowfullscreen></iframe>

3. Once you have pasted the code above, you will want to replace two parts of the code (the parts that are bolded and underlined above) with your YouTube Video ID. You can find the Video ID by opening up your video directly on YouTube, then copying the information immediately following the v= in the URL (circled in screenshot below).

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

 

2. For Vimeo:

1. To modify the code to include an autoplay function, you will want to add this code to an HTML Block:

1. <iframe src="https://player.vimeo.com/video/305795958?background=1&autoplay=1&;title=0&;byline=0&;portrait=0&;loop=1&;autopause=0&;muted=1" width="640" height="360" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>

2. Replace the video ID in the code with the video ID from your Vimeo video. The video id is the number that immediately follows player.vimeo.com/video/ and ends before the ? symbol. In the above code, the video ID is the number 305795958. Replace that code with your video's ID.

3. 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.

• Related Articles

• Adjust the Output Sizing of a Video Gallery

  1) Set the Type to Stack. 2) Set the Click Action to Play in place 3) Under Videos, click the Width option and set the size needed. For example, 1000px 4. Click Save and Publish.

• Expand Video to Fill Window

  Sometimes, you may want to have a video expand to fill the enter length of the website. This is quite simple and can be done easily! To do this: 1. Select the Content tab in the gray navigation bar, and click on the Page you would like to add the ...

• Vimeo Video Thumbnails Not Working

  If you have uploaded videos from Vimeo into a Video Gallery block and the thumbnails are displaying a "rainbow" of vertical lines (see screenshot below), it means that your Vimeo account has updated its API connection. When this connection is ...

• Video Integrations/Add video to your website

  You can embed YouTube, Vimeo, and Kickstarter videos into your liveBooks website. YouTube Embedding Youtube videos is a great way to instantly provide video content to your visitors. In order to embed a Youtube video, follow these steps: 1. Navigate ...

• Add a Video Gallery to Your Website

  Video Galleries grant you the option to add multiple videos on one page, in a pleasing manner. You can add a Video Gallery block using the steps below. Select CONTENT at the top of the page. From the Content panel, select the Page where you'd like to ...