刷新页面后视频无法播放

hibiscusxin

于 2021-06-01 18:09:01 发布

阅读量1.8k

点赞数 1

分类专栏： Vue video

本文链接：https://blog.csdn.net/qq_41838435/article/details/117449002

版权

Vue 同时被 2 个专栏收录

34 篇文章

订阅专栏

video

1 篇文章

订阅专栏

博客指出在给video标签设置autoplay属性时，刷新页面视频无法自动播放。原因是高版本浏览器需视频静音才可自动播放，解决方法是给video标签添加muted属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

刷新页面后视频无法播放

现象：在给video标签设置了autoplay属性的情况下，刷新页面后，视频无法自动播放

原因：高版本浏览器，对视频静音后，才可以保证视频的自动播放

解决方法：添加muted属性，具体如下

<video
    id="myVideo"
    class="video-js"
    autoplay="autoplay"
    controls
    muted
    style="height:100%; width: 100%;"
       >
    <source
        src="https://shipin.mp4"
        type="video/mp4"
    >
 </video>