如何让Chrome浏览器允许视频自动播放?现有方案失效求助
Chrome中嵌入YouTube视频无法自动播放的解决方案
我折腾了好多种办法都不管用,Chrome死活不让我嵌入的YouTube视频自动播放。之前用的代码是这样的:
<iframe width="560" height="315" src="https://www.youtube.com/embed/[...] rel=0&amp;controls=0&amp;showinfo=0&autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
这段代码在Firefox里能正常自动播放,但到Chrome就彻底失效了,找了半天也没找到靠谱的官方文档说明这事儿。
后来终于搞明白问题所在了:Chrome要求视频必须静音才能触发自动播放。
针对我这种YouTube iframe嵌入的场景,只需要在视频的src链接里加上&mute=1参数就行,修正后的代码如下:
<iframe width="560" height="315" src="https://www.youtube.com/embed/[...] rel=0&amp;controls=0&amp;showinfo=0&autoplay=1&mute=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
如果是用原生<video>标签的情况,直接给标签加上muted属性就能解决,示例代码:
<video autoplay muted> [your sources here] </video>
内容的提问来源于stack exchange,提问作者Luca Reghellin
相关产品推荐
相关产品推荐

