想了解免费建站的朋友,查看《免费建站教程》

苹果ios网页视频无法播放

2022-12-04 1331 建站
//经过研究,除了是视频编码问题,还有视频封面问题
//苹果端的在播放时,封面无法隐藏

//以下为成功代码

<video id="video1" class="video-js vjs-default-skin vjs-big-play-centered video" poster="{label:pocs}" controls="controls" x5-playsinline="" playsinline="playsinline" webkit-playsinline="" style=" width: 96%; clear: both; display: block; margin: auto; height:auto; ">
<source src="/sta6021/img/v7.mp4" type="video/mp4" ></video>

<script>
//隐藏封面函数
function cll(){document.getElementById("video1").poster="";}
//监听视频是否播放
 var elevideo = document.getElementById("video1");
 elevideo.addEventListener('playing', function () { 
 console.log("播放中");
  //隐藏封面1次
document.getElementById("video1").poster="";
 //隐藏封面2次
setTimeout(function(){cll()},500);

 });
</script>


版权保护: 转载请保留链接: https://cgy.isi8.cn/jianzhan/268.html