ios端video如何自动播放视频

最新推荐文章于 2024-08-05 12:26:10 发布

_处女座程序员的日常

最新推荐文章于 2024-08-05 12:26:10 发布

阅读量2.9k

点赞数 1

分类专栏：前端 html css 文章标签：前端 html

本文链接：https://blog.csdn.net/qq_42931285/article/details/124336125

版权

前端同时被 3 个专栏收录

374 篇文章 13 订阅

订阅专栏

css

113 篇文章 0 订阅

订阅专栏

html

46 篇文章 1 订阅

订阅专栏

博客介绍了在视频元素中使用autoplay属性仍无法自动播放的情况，特别是在苹果和安卓设备上。解决方案是在页面加载完成后，通过JavaScript手动调用video元素的play()方法来触发播放。示例代码展示了如何在页面挂载后找到video元素并执行播放操作。

摘要由CSDN通过智能技术生成

我们发现给video加了autoply属性之后仍然无法自动播放，因为苹果和安卓通过常机制自动播放，我们需要手动触发一下play方法。

 <video controls autoplay muted loop style="width:500px;" class="video" controlslist="noplaybackrate">
        <source src="media/open.mp4">
        <source src="media/open.webm">
        <p>
            对不起，你的浏览器不支持video元素，请点击这里下载最新版本的浏览器
        </p>
    </video>
    //mounted 
        let ele = document.querySelector('.video');
        if(ele){
          ele.play();
         }