先來演示一下效果
先看一下代碼結(jié)構(gòu)
沒有css代碼渣叛，里面有一個(gè)input? 的range標(biāo)簽? value初始化為0
下面就是js代碼
先來獲取每個(gè)按鈕節(jié)點(diǎn)
然第一個(gè)是播放按鈕丈秩，播放按鈕是點(diǎn)擊之后。視頻播放video.play(）淳衙，然后讓input的value變?yōu)闀和Ｄ⒒啵O(shè)置一個(gè)定時(shí)器，調(diào)用進(jìn)度函數(shù)箫攀，每0.1秒進(jìn)行video.currentTime的賦值肠牲，讓proRange.value? = video.currentTime,這樣input就會(huì)慢慢的向前，讓video.duration,當(dāng)前視頻的長度匠童，proRange.max = video.duration;這樣input就有了最大長度埂材。當(dāng)video.ended == true時(shí)，播放完畢汤求，改變input的value值俏险，清除定時(shí)器严拒。點(diǎn)擊暫停的時(shí)候，先video.pause(),然后清除定時(shí)器竖独，改變value裤唠。
播放進(jìn)度
靜音按鈕，就是先聲明一個(gè)變l量vol來保存當(dāng)前音量的值莹痢，然后點(diǎn)擊靜音按鈕時(shí)种蘸，改變value，變?yōu)槿∠粹o竞膳，讓video.muted = true;讓volumeRange.value = vol;,再讓volumeRange.value = 0 航瞭；就是讓靜音按鈕回到最左邊，坦辟，再點(diǎn)擊的話刊侯，就是volumeRange.value = vol；回到原來的狀態(tài)锉走。
全屏和音量的換算滨彻，? 是一個(gè)audio的一個(gè)方法 webkitRequestFullScreen()；volume? 設(shè)置或返回音頻和視頻當(dāng)前音量 0 ~1挪蹭，亭饵，
講個(gè)笑話：
大媽上了空調(diào)車投了一塊錢。司機(jī)說：“空調(diào)車兩塊梁厉！”辜羊。
大媽答：“是涼快”。
司機(jī)又說：“投兩塊”!
大媽笑說：“不光頭涼快懂算，渾身都涼快”只冻，說完往后頭走。
司機(jī)說:“我告訴你錢投兩塊”计技。
大媽說:“我覺得后頭人少更涼快”喜德。
司機(jī)無語，一車人笑倒了垮媒！溝通不到位舍悯，努力全白費(fèi)
哈哈哈哈哈哈！冷嗎睡雇？
