html视频自动播放功能

给贝贝赚口粮

已于 2022-03-12 09:32:05 修改

阅读量2.9k

点赞数

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

于 2021-07-02 11:56:44 首次发布

本文链接：https://blog.csdn.net/weixin_42178670/article/details/118410065

版权

前端专栏收录该内容

93 篇文章 0 订阅

订阅专栏

本文介绍了在HTML5中实现video视频自动播放的方法，对于PC端，只需设置muted和autoplay属性。而在iOS系统下，需借助WeixinJSBridgeReady事件来触发播放。遗憾的是，Android系统的自动播放解决方案尚不明确。此文章为开发者提供了跨平台的视频播放指南。

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

html中video视频自动播放功能

pc端：

设置muted和autoplay即可自动播放

手机端ios系统，使用WeixinJSBridgeReady

<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 
  <script>
    let video = document.getElementsByTagName("video")
    for( let v of video){
      v.play()
      document.addEventListener("WeixinJSBridgeReady", function () {
        v.play();
       }, false);
    }
  </script>