首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >强制HTML5视频自动播放取消静音

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

Stack Overflow用户
提问于 2020-12-05 21:55:40
回答 2查看 1.4K关注 0票数 0

如果视频未静音,则自动播放属性不起作用

代码语言:javascript
复制
<video controls autoplay muted>
  <source src="movie.mp4" type="video/mp4">
</video>

我尝试了这个解决方案,在视频开始播放后取消静音视频,但它不起作用,我得到这个错误消息‘取消静音失败,元素被暂停,因为用户之前没有与文档交互。’

代码语言:javascript
复制
$('video').on('canplay', function() {
    $(this).muted = false;
});

有没有办法可以像netflix那样强制自动播放https://www.netflix.com/ma-en/watch/80196789

EN

回答 2

Stack Overflow用户

发布于 2020-12-05 22:02:20

我找到了几个使用自动播放的资源,并使用controls属性将其静音以使其正常工作使用此代码的网站:Autoplay HTML5 Video muted

我在另一篇文章中找到了这个答案,也许这对你有用: Source [l33tstealth]

代码语言:javascript
复制
<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>
票数 0
EN

Stack Overflow用户

发布于 2021-02-11 13:02:00

使用此代码自动播放未静音:

代码语言:javascript
复制
<video src="movie.mp4" controls autoplay></video>

还可以使用Iframe标记:

代码语言:javascript
复制
<iframe src="movie.mp4"></iframe>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65157672

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档