整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
HTML5利用腳本控制音頻、視頻方法
我們?cè)谑褂胿ideo視頻元素和audio音頻元素的時(shí)，是可以利用腳本控制音頻/視頻的文件的播放的。主要的控制方法有4種，今天這篇將會(huì)詳細(xì)介紹這四種方法。
1.play方法
除了播放器自己的播放功能外，我們還可以在腳本中使用play方法來控制視頻/音頻的播放功能，示例代碼如下圖所示：
HTML中play的使用方法
2.pause方法
與play方法相對(duì)應(yīng)的pause方法用于設(shè)置暫停播放音頻/視頻功能，pause方法也是需要在腳本中設(shè)置才能使用的，示例到嗎如下圖所示：
HTML5中pause使用方法
3.load方法
調(diào)用這個(gè)方法可以重新加載視頻/音頻文件進(jìn)行播放。示例代碼如下圖所示：
HTML5中l(wèi)oad的使用方法
4.canPlayType方法
該方法用于測(cè)試瀏覽器是否支持指定的類型，并返回結(jié)果。如果返回空字符串則表示瀏覽器不支持此種播放類型，如果返回maybe則表示瀏覽器可能支持此種播放類型，如果返回probably則表示瀏覽器確定支持此種播放類型。有關(guān)canPlayType的示例代碼請(qǐng)參照之前的文章“如何在瀏覽器中顯示插入的HTML5視頻/音頻《HTML5系列教程13》”。
這便是利用腳本控制音頻/視頻文件的4種方法了。謝謝大家的觀看。祝大家身體健康、生活愉快。
年來HTML5培訓(xùn)開發(fā)非常的火爆，相比較其他編程語言，HTML5開發(fā)還是比較簡(jiǎn)單且受歡迎的，本篇文章扣丁學(xué)堂小編就帶大家看一下HTML5培訓(xùn)應(yīng)該學(xué)習(xí)的知識(shí)有哪些。
1.HTML
HTML是網(wǎng)頁最基本的元素，主要控制網(wǎng)頁的結(jié)構(gòu)、字體等，最初發(fā)明網(wǎng)頁時(shí)只有HTML語言，并沒有CSS語言，HTML常用的標(biāo)簽包括HTML結(jié)構(gòu)、HTML表格、列表等。
2.CSS
隨著時(shí)代的發(fā)展，萬惡的IE6終于退市了，市場(chǎng)份額占比漸漸少了，目前還有極少量的公司要求兼容IE6瀏覽器，但，漸漸的這些兼容需求會(huì)逐漸消失……對(duì)于IE6，小編的建議是，不要太糾結(jié)于每個(gè)bug，主要原因在于，IE6的問題通常源于兩種原因，其一在于瀏覽器自身的問題，其二則在于容錯(cuò)性相對(duì)較差。對(duì)于第一方面原因引發(fā)的問題，個(gè)人覺得沒有什么太大的必要去研究了，而對(duì)于第二類問題，使IE6能夠成為輔助我們檢查自己代碼質(zhì)量的工具。
3.HTML5
HTML5新標(biāo)簽包括header、nav、article、section、aside、footer，還是比較容易掌握的，但與CSS3結(jié)合起來使用，才能體現(xiàn)其強(qiáng)大。
4.CSS3
CSS3在CSS基礎(chǔ)上增加了不少屬性，除了常用的屬性(如圓角邊框，陰影，過渡，變形，動(dòng)畫)之外，還有圖像邊框，多色彩邊框，倒影，蒙版，跑馬燈，漸變，分欄，彈性布局，濾鏡等等。但由于CSS3還比較新，因此，各個(gè)瀏覽器的兼容性也需要花費(fèi)很大精力研究一番。
5.JS
其實(shí)，JS中的知識(shí)是最多的，最基礎(chǔ)的是原生js，還需要學(xué)習(xí)著名的node.js與angular js等，js的框架比較多，從層出不窮的各種標(biāo)題就可以發(fā)現(xiàn)，什么二十種優(yōu)秀的圖表制圖框架，十種絢麗的大圖滾動(dòng)插件，八個(gè)值得你擁有的表單驗(yàn)證插件等。但掌握框架后，確實(shí)可以給你的工作帶來很多便利，善用框架，讓開發(fā)變得更容易。
在HTML5培訓(xùn)中，基礎(chǔ)知識(shí)大概涵蓋這幾類。除了以上基本知識(shí)點(diǎn)以外，還要清楚地了解它們?cè)诓煌瑸g覽器上的兼容情況、渲染原理以及存在的各種Bug。
想要學(xué)習(xí)HTML5的小伙伴就選擇扣丁學(xué)堂吧，扣丁學(xué)堂不僅有專業(yè)的老師和與時(shí)俱進(jìn)的課程體系，還有大量的HTML5視頻教程供學(xué)員觀看學(xué)習(xí)，想要學(xué)好HTML5的小伙伴抓緊時(shí)間行動(dòng)吧。扣丁學(xué)堂H5技術(shù)交流群：559883758。
【關(guān)注微信公眾號(hào)獲取更多學(xué)習(xí)資料】
昨天我們分享了HTML和CSS的相關(guān)概念以及學(xué)習(xí)HTML5這門課程的準(zhǔn)備工作視頻教程，今天我們來分享HTML5基礎(chǔ)的四點(diǎn)知識(shí)：1、站點(diǎn)的建立；2、HTML頁面的創(chuàng)建；3、HTML5基本結(jié)構(gòu)；4、HTML基本語法
以下為詳細(xì)視頻內(nèi)容，更多免費(fèi)課程大家可以關(guān)注千鋒好程序員官方技術(shù)論壇，直接下載學(xué)習(xí)！
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
