在網(wǎng)站開發(fā)的過程中,我們常常需要添加一些視頻來讓網(wǎng)站內(nèi)容更加豐富,比如說網(wǎng)頁中有一個按鈕,點擊按鈕后,視頻彈到浮層中打開并播放,再加一個按鈕,點擊關(guān)閉這個視頻,我們在實際應(yīng)用中這會遇到這樣的問題,關(guān)閉了按鈕,聲音依舊在,所以我們可以使用以下的方式來關(guān)閉聲音。
$("video").prop('muted', true);
但是如果使用這樣關(guān)閉聲音,但是視頻其實還是在一直播放。所以我們需要使用
$("video").trigger('play');
這樣的代碼來實現(xiàn)播放和關(guān)閉的效果。
完整的代碼如:
<script> $("#tcclick").click(function(){ //點擊按鈕 $("#quote").css("display","block"); //點擊按鈕時顯示播放的DIV層 $("#myVideo").trigger('play'); //點擊按鈕時視頻播放 }); $("#closetc").click(function(){ //點擊關(guān)閉按鈕 $("#quote").css("display","none"); //點擊按鈕時隱藏視視頻播放的DIV層 $("#myVideo").trigger('pause'); //點擊按鈕時暫停視頻播放 }); </script>