video视频播放,安卓和IOS差异

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这个属性

 

posted @ 2022-10-19 13:59  Action_swt  阅读(277)  评论(0编辑  收藏  举报