Set Video to Autoplay

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

Screen_Shot_2021-08-06_at_4.41.00_PM.png

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

 

For Vimeo Videos:

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

    • Add Videos to Your Website

      You can add video to your Websites 360® site by embedding a video that has been uploaded to either YouTube or Vimeo. Option 1: Add Vimeo videos: Head to the Vimeo video you'd like to add to your website. Click here for more information on how to ...
    • Embed a Switcher Video Player on Websites 360®

      You can host monetized, gated, or paywalled video content on your website by creating videos on Switcher. Videos uploaded to Switcher can be placed on your website with an embed code. To get started, sign up for a Switcher account at this link, and ...
    • Vimeo Video Thumbnails Not Appearing

      If you have uploaded videos from Vimeo into a Video Gallery block on your Websites 360® site, but the thumbnails are displaying a "rainbow" of vertical lines (see screenshot below), it means that your Vimeo account has updated its API connection. ...
    • Set up RSS Feed for Your Blog

      RSS (Rich Site Summary) is a way to deliver regularly changing web content. Having an RSS feed allows you to broadcast your blog posts directly to readers that continue to follow your content. To set up a RSS feed on your website's blog: Navigate to ...
    • Add Google AdWords Code to Websites 360®

      You can add a Google AdWords Remarketing code to your website by adding it in your Apps dashboard and adding some code to your Footer. Set up the AdWords app Navigate to your Websites app and select the Settings tab at the top of the page. Select ...