整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          利用腳本控制音頻/視頻文件《HTML5系列教程15》

          用腳本控制音頻/視頻文件《HTML5系列教程15》

          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基本語法

          以下為詳細視頻內容,更多免費課程大家可以關注千鋒好程序員官方技術論壇,直接下載學習!


          主站蜘蛛池模板: 天堂资源中文最新版在线一区 | 一区二区三区久久精品| 亚洲国模精品一区| 久久99精品国产一区二区三区| 少妇精品无码一区二区三区 | 午夜天堂一区人妻| 麻豆va一区二区三区久久浪| 国产激情一区二区三区成人91 | 波多野结衣中文一区| 精品日韩亚洲AV无码一区二区三区| 精品一区二区久久久久久久网精| 亚洲一区二区三区影院| 国产一区二区三区露脸| 99精品国产高清一区二区| 视频在线一区二区三区| 好爽毛片一区二区三区四无码三飞 | 91视频一区二区三区| 一区二区三区国模大胆| 亚洲欧洲日韩国产一区二区三区 | 国产亚洲自拍一区| 日韩精品无码久久一区二区三| 久久精品亚洲一区二区| 国产成人一区二区在线不卡| 一区二区在线电影| 国产精品免费一区二区三区| 中文字幕无线码一区二区| 精品一区二区三区影院在线午夜| 亚洲乱码一区av春药高潮| 合区精品久久久中文字幕一区| 一本一道波多野结衣AV一区| 亚洲AV午夜福利精品一区二区 | 精品一区二区三区波多野结衣| 91国在线啪精品一区| 一区二区三区四区精品| 精品一区二区三区视频在线观看| 国产精品久久久久一区二区| 亚洲日韩国产欧美一区二区三区| 3d动漫精品啪啪一区二区免费| 久久国产精品无码一区二区三区| 久久国产免费一区二区三区| 日本免费电影一区二区|