关于前端:解决在ios中视频播放自动全屏问题

应用video标签在html5中播放视频时，视频主动全屏播放
解决方案：

ios端video标签必须加webkit-playsinline、playsinline属性
android端局部视频也会存在主动全屏问题，增加webkit-playsinline属性

在html中间接设置

<video src="" autoplay="true" muted="true" webkit-playsinline playsinline x5-video-player-type="h5-page">

应用js动静增加

const videos = document.querySelectorAll('video')videos.forEach(item=>{  item.removeAttribute('width')  item.removeAttribute('height')  // 解决视频在ios端播放默认全屏问题  item.setAttribute('webkit-playsinline', '')  item.setAttribute('playsinline', '')  // 解决视频在局部安卓端播放默认全屏问题  item.setAttribute('x5-video-player-type', 'h5-page')  //给video标签设置css款式  item.style.width = '100%'  item.style.borderColor = '#878484'  item.style.borderWidth = '1px'  item.style.borderStyle = 'solid'  //视频设置自动播放  item.autoplay = 'true'})