强制取消静音 HTML5 视频自动播放答案

【问题标题】：Force HTML5 video autoplay unmuted强制取消静音 HTML5 视频自动播放
【发布时间】：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

【问题讨论】：

不，没有。

标签： javascript html jquery html5-video autoplay

【解决方案1】：

我发现了几个使用自动播放并使用控制属性静音的来源以使其正常工作使用此代码的网站：Autoplay HTML5 Video muted

我在另一篇文章中找到了这个答案，也许这对你有用：来源[l33tstealth]

<html>
<body>

<video width="320" height="240" 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>

【讨论】：