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