jQuery是一種JavaScript庫,具有廣泛的應用。其中之一就是在網頁中添加視頻播放功能。實現一個簡單視頻播放功能,可以通過以下的代碼實現。
$('#play-btn').click(function(){ $('#video').get(0).currentTime = 0; $('#video').get(0).play(); }); $('#pause-btn').click(function(){ $('#video').get(0).pause(); });
在上述代碼中,我們通過使用jQuery選擇器選中兩個按鈕:播放按鈕和暫停按鈕。當播放按鈕被點擊時,我們使用視頻對象的.currentTime
屬性將視頻時間設置為零,然后使用.play()
方法開始播放視頻。而當暫停按鈕被點擊時,我們使用.pause()
方法暫停正在播放的視頻。
需要注意的是,選擇器取到的是一個jQuery對象,而視頻播放需要的是一個JavaScript元素對象。因此,我們需要使用jQuery對象的.get()
方法來獲取JavaScript元素對象。