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