js代碼

$('.videolist').each(function(){ //遍歷視頻列表

$(this).hover(function(){ //鼠標移上來后顯示播放按鈕

$(this).find('.videoed').show();

},function(){

$(this).find('.videoed').hide();

});

$(this).click(function(){ //這個視頻被點擊后執行

var img = $(this).attr('vpath');//獲取視頻預覽圖

var video = $(this).attr('ipath');//獲取視頻路徑

$('.videos').html("");

$('.videos').show();

});

});

function close1(){

var v = document.getElementById('video');//獲取視頻節點

$('.videos').hide();//點擊關閉按鈕關閉暫停視頻

v.pause();

$('.videos').html();

}

總結

以上是生活随笔為你收集整理的html 弹出播放器,jQuery点击弹出视频播放器代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。