h5中視頻標簽的使用方法?
1、新建一個html文件,命名為test.html,用于介紹如何使用video控制視頻。
2、在test.html頁面,使用button標簽創建四個按鈕,分別是播放/暫停、大、中、小,用于控制視頻的播放效果。同時,使用video標簽創建一個視頻。
3、給每個按鈕綁定onclick點擊事件,當按鈕被點擊時,分別執行相應的函數來控制視頻的播放效果。
4、使用document.getElementById()獲得視頻對象,創建“播放/暫停”的playPause()函數,使用play()方法控制視頻的播放,使用pause()控制視頻的暫停。
5、創建makeBig()函數,當點擊"大"按鈕時,使視頻以寬度560px來播放視頻。
6、創建makeNormal()函數與makeSmall()函數,當點擊“中”按鈕時,使視頻以寬度420px來播放視頻,當點擊“小”按鈕時,使視頻以寬度320px來播放視頻。
7、在瀏覽器打開test.html文件,測試js控制視頻播放的效果。
上一篇Scratch語言是什么
下一篇自學數據挖掘難嗎