如何使用JS控制video視頻的播放

新建一個html文件，定名為test.html，用于介紹若何利用JS節制video視頻。

在test.html頁面，利用button標簽建立四個按鈕，別離是播放/暫停、大、中、小，用于節制視頻的播放結果。同時，利用video標簽建立一個視頻，代碼如下：

給每個按鈕綁心猿意馬onclick點擊事務，當按鈕被點擊時，別離執行響應的函數來節制視頻的播放結果，代碼如下：

利用document.getElementById()獲得視頻對象，建立“播放/暫停”的playPause()函數，利用play()方式節制視頻的播放，利用pause()節制視頻的暫停。

建立makeBig（）函數，當點擊"大"按鈕時，使視頻以寬度560px來播放視頻。代碼如下：

建立makeNormal()函數與makeSmall()函數，當點擊“中”按鈕時，使視頻以寬度420px來播放視頻，當點擊“小”按鈕時，使視頻以寬度320px來播放視頻。

在瀏覽器打開test.html文件，測試js節制視頻播放的結果。

0 條評論