HTML为普通的video标签：

<video class="w-full display-block bg-black" type="video/mp4" src="/sites/default/files/2021-06/banner-home.mp4" poster="/sites/default/files/2021-07/homepage--1.png" preload="true" autoplay="autoplay" muted="muted" loop="loop" playsinline="playsinline "></video>

需要加一段 JS 来实现自动播放：

var $videos = document.querySelectorAll('video[autoplay][muted]');
      for (var i = 0; i < $videos.length; i++) {
        (function ($video) {
          // 防止播放不生效，手动播放
          $video.addEventListener('canplaythrough', function (e) {  
            if(this.paused) {
              this.play();
            }
          }) 

          // 修复微信下自动播放
          document.addEventListener('WeixinJSBridgeReady', function () {  
            if($video.paused) {
              $video.play();
            }
          })
        })($videos[i])
      }

在微信内置浏览器中实现视频自动播放

POPULAR POSTS

CATEGORIES