H5视频video

最新推荐文章于 2021-12-01 14:48:44 发布

DenggLin

最新推荐文章于 2021-12-01 14:48:44 发布

阅读量446

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_34117170/article/details/80525499

版权

js 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

H5视频video

 <video id="video"  preload='auto' webkit-playsinline='true' playsinline='true' x-webkit-airplay='true' x5-video-player-type='h5' x5-video-player-fullscreen='true' x5-video-ignore-metadata='true' preload='auto'  type="video/mp4"    width='100%'  src="./img/618.mp4">
        <p>不支持video</p>
        </video>

#video{ 
    object-fit: cover;  
    object-position: center center;   
}

监听视频是否加载完毕

var $video=document.getElementById('video');
$video.oncanplaythrough=function(){
        LoadSuccess=true;
        if(ISclick){
             $loading.style.display='none';
        }     
    };