移動端的視頻兼容處理
//其他移動端瀏覽器只能讓用戶自己觸發(fā)
$(window).on('touchstart', function(){
$("#video").trigger('play');
});
// 兼容微信(微信可以自動播放)
document.addEventListener("WeixinJSBridgeReady", function () {
$("#video").trigger('play');
}, false);
監(jiān)聽video的播放拣播、暫停和結(jié)束事件
let video = document.getElementById("video");
// 開始播放后隱藏播放圖標
video.addEventListener("play",function(){
$('.playbtn').hide();
});
// 暫停時顯示播放圖標
video.addEventListener("pause",function(){
$('.playbtn').show();
});
// 播放結(jié)束后顯示封面圖和播放圖標
video.addEventListener("ended",function(){
$('.coverimg').show();
$('#video').hide();
$('.playbtn').show();
});
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
