Youtube Video Background Tutorial Get...

User 2917932 Photo


Registered User
26 posts

Hello Everyone,

Wanted to share this with you and possibly save you hours of frustration. Firefox and Chrome and probably soon to be other browsers will not let us autoplay video with audio track, so heres how to get around that, just mute the video in the url string.

Step One: Go to Youtube and get the iframe embed code and copy and paste this into notepad and save the file as myvideo.html (This is for your own testing before using it in Site Designer)

Note: Try to open "myvideo.html" in Firefox or Chrome, it won't auto play.

Example:
<iframe width="560" height="315" src="https://www.youtube.com/embed/xxxxxxx?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


Step Two: Put this at the end of the URL &mute=1&autoplay=1

Note: Open in Firefox or Chrome, it WILL auto play.

Example:
<iframe width="560" height="315" src="https://www.youtube.com/embed/xxxxxxx?controls=0&mute=1&autoplay=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Step Three: Paste the URL into the element Video Platform > Video Url box in your Site Designer website project.

https://www.youtube.com/embed/xxxxxxx?c … autoplay=1

Note: If you want your video to loop, format the URL like this and add &playlist=XxVIDEOIDxx

https://www.youtube.com/embed/XxVIDEOID … amp;mute=1

Now if you don't want to go through the above tutorial, which will help, just copy the link above and change "XxVIDEOIDxx" to your Youtube video ID and past the URL into Site Designer, that will save you a heap of time by not having to download the iframe code from YouTube and then pick it apart.

https://www.youtube.com/embed/CHANGETHI … amp;mute=1

Hope this works for you every time, I tried it on several videos and it worked every time.

Vimeo is another story much easier

https://player.vimeo.com/video/CHANGETH … mp;muted=1


Hope this helps you, have a blessed day
Warren




Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.