强制取消静音 HTML5 视频自动播放
Posted
技术标签:
【中文标题】强制取消静音 HTML5 视频自动播放【英文标题】：Force HTML5 video autoplay unmuted 【发布时间】：2021-03-17 08:08:55 【问题描述】：如果视频未静音，则自动播放属性不起作用
<video controls autoplay muted>
<source src="movie.mp4" type="video/mp4">
</video>
我在视频开始播放后尝试使用此解决方案取消视频静音，但它不起作用，我收到此错误消息“取消静音失败并且元素已暂停，因为用户之前没有与文档交互”
$('video').on('canplay', function()
$(this).muted = false;
);
有什么方法可以像 netflix 一样强制自动播放 https://www.netflix.com/ma-en/watch/80196789
【问题讨论】：
不，没有。 【参考方案1】：我发现了几个使用自动播放并使用控制属性静音的来源以使其正常工作 使用此代码的网站：Autoplay html5 Video muted
我在另一篇文章中找到了这个答案，也许这对你有用： 来源[l33tstealth]
<html>
<body>
<video autoplay controls muted>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
<p><strong>Note:</strong> The muted attribute of the video tag is not supported in Internet Explorer 9 and earlier versions.</p>
</body>
</html>
【讨论】：
【参考方案2】：使用此代码在未静音的情况下自动播放：
<video src="movie.mp4" controls autoplay></video>
OR Iframe标签也可以使用：
<iframe src="movie.mp4"></iframe>
【讨论】：
以上是关于强制取消静音 HTML5 视频自动播放的主要内容，如果未能解决你的问题，请参考以下文章