JQuery是一款常用的JavaScript庫,可以快速便捷地開發Web應用。在Web應用中,有時需要暫停或播放視頻,下面我們就來介紹如何使用JQuery實現此功能。
$(document).ready(function(){ //找到video標簽 var myVideo = document.getElementById("myVideo"); //找到播放和暫停按鈕 var playBtn = $("#playBtn"); var pauseBtn = $("#pauseBtn"); //點擊播放按鈕,觸發視頻播放 playBtn.click(function(){ myVideo.play(); }); //點擊暫停按鈕,觸發視頻暫停 pauseBtn.click(function(){ myVideo.pause(); }); });
代碼中,通過JQuery選擇器找到播放和暫停按鈕,并綁定點擊事件。在事件中,通過獲取視頻標簽的對象,來調用play()和pause()方法實現視頻的播放和暫停。