How to play background video with sound?

Hi all this note is for any one who will now or in future looking for solution.

I will start with a bit of basic toughts what background video is. The background video should truly act like background and not require the website visitor to do anything with it. The video is simply there, setting the tone and/or mood of website.

While you’re thinking about the right video for autoplay on repeat, you’ll need to decide if it makes more sense for the sound to automatically be on, or off. Consider the video itself. You don’t want it to be distracting, so, in almost all cases, it’s best to keep the sound off. If sound can truly add something to the website page, then allow the website visitor to choose sound or no sound.

Allowing is an is important word as auto-sound on background video is a good way to lose visitors. In fact any browsers strictly disallow play sound automatically including auto-played video. This restriction was introduced in Chrome 66 and since then it is as DEFAULT setting followed by other browsers.

To play ANY sound on website REQUIRE USER INTERACTION that includes video sound. This mean that to play sound on autoplayed video you have to introduce button that user can click if is they would like to hear it.

That said you can find on internet some custom code how to hack it but Google AI is cleaver enough to find and understand what page is trying to do and it will most probably rank your page down. If this is your aim for yours or your clients websites you are welcome to do that.

These only some sources to read but feel free to find one you will understand easily

1 Like