Video without audio in a landing page

[DPalacios3]

Hi, good afternoon!

I've been trying to add a unmuted video with autoplay in my landing page, but it is not working, it doesnt even plays in live page. When editting, it works and autoplays with audio.

I tried using this code, without "mutted" attribute:

<video width="650px" height="366" preload="yes" autoplay="autoplay" loop="loop"><source src="https://7735036.fs1.hubspotusercontent-na1.net/hubfs/7735036/Distrito_Boom_Plataforma.mp4"></video>

Thats funny cause when I tried using the code with "mutted" attribute, it seens to work, autoplaying the video without audio.

-> I also tried uploading the video from my archives, without success, cause the advanced setting "mute as default" is not working. 

This is my Landing page link: https://materiais.distrito.me/trial-plataforma-distrito-2024

Is there any solution for this issue? Thanks a lot in advance! 🤘

[DPalacios3]

Thanks, @Anton! 

[Anton · Accepted solution]

Hi @DPalacios3, 

most browsers don't allow autoplay with audio since it's an quite "disturbing" experience for the visitor. Therefore I wouldn't suggest trying to "hack" it with some JavaScript or other potential solutions from the web. The best solution is to add a "play"-button to the video and let the visitor start the video manually.

Here are some articles from a time when those autoplay policies came to live

• Google Chrome Blog
• Bitmovin | To Play, or Not to Play – AutoPlay Policies for Safari 14 and Chrome 64

best, 

Anton