IOS默认播放大屏播放，安卓播放可以同时播放多个，因为IOS默认是大屏播放所以不存在同时播放多个视频的现象。

需求1、安卓一次播放一个视频，播放一个其中一个停止播放。

    const videoList = document.getElementsByTagName("video");
    const videoArr = Array.from(videoList);
    if (videoList.length) {
      for (const videoItem of videoArr) {
        videoItem.addEventListener('playing', function (e) { //播放中
         const videoList = document.getElementsByTagName("video");
          const videoArr = Array.from(videoList);
          for (const videoItem of videoArr) {
            if(videoItem !== e.target){
              videoItem.pause();
            }
          }
        });
      }
    }

　

需求2、IOS停止默认播放大屏。

playsinline

webkit-playsinline=”true”

H5端：

iOS10以上H5视频不自动全屏播放识别 playsinline这个属性
iOS10以下H5视频不自动全屏播放识别 webkit-playsinline这个属性

 

版权声明：本文为SWT原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/swt-axios/p/16806021.html