填坑 —— chrome video标签 autoplay无效

最新推荐文章于 2024-07-23 16:23:13 发布

Mariosss

最新推荐文章于 2024-07-23 16:23:13 发布

阅读量2.5w

点赞数 8

分类专栏：填坑 H5

本文链接：https://blog.csdn.net/Mariosss/article/details/80665988

版权

填坑同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

最近写的页面在chrome中打开时，video标签都不能自动播放（奇怪的是相同的视频，两个月前在chrome下播放还是正常的；但现在，mac下一直无法播放，只有在controls的模式下点击播放按钮才可以播放；而windows下按F5刷新后可以播放，但是右键刷新页面无法播放），Firefox却是正常播放。

最后找到了一篇博客说是要在video标签中添加muted属性，亲测有效，代码如下：

原微博链接如下：https://blog.csdn.net/taiyangmiaomiao/article/details/80266625

原理就是大多数浏览器在都支持静音的视频播放，如果你的视频需要有声音，或者要用音频，这个还是不能解决问题。