由於jquery中沒有video的paly,pause方法,所以在使用jquery來控制視頻的播放的播放狀態時會出現問題
之前的代碼:
let $video = $('#video'); $('.play-btn').click(function(){ $video.play(); $(this).stop().hide(); });
這樣寫點擊按鈕后視頻不能正常播放,當然播放按鈕也沒有隱藏,
解決這個問題,首先需要用get(0)的方法將jQuery對象轉為原生js對象
其次,使用定時器監聽視頻的播放狀態
這樣問題就完美解決了!