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

浙公网安备 33010602011771号