整合營銷服務商

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

          免費咨詢熱線:

          利用腳本控制音頻/視頻文件《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基本語法

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


          主站蜘蛛池模板: 色一情一乱一伦一区二区三欧美 | 亚洲毛片αv无线播放一区 | 国模无码人体一区二区| 99久久人妻精品免费一区| 日韩在线一区二区三区免费视频| 亚洲日本乱码一区二区在线二产线 | 久久免费区一区二区三波多野| 视频一区二区在线观看| 日本精品一区二区三区视频 | 人成精品视频三区二区一区| 在线免费视频一区| 波多野结衣一区二区三区| 无码人妻品一区二区三区精99| 国产在线观看一区二区三区精品| 亚洲高清成人一区二区三区| 国产日韩视频一区| 日本视频一区二区三区| 波多野结衣一区二区三区高清在线 | 国产乱人伦精品一区二区在线观看 | 视频一区视频二区在线观看| 精品一区二区三区中文| 国产成人一区二区动漫精品 | 日本一区二区不卡视频| 99精品久久精品一区二区| 色狠狠色噜噜Av天堂一区| 亚洲乱色熟女一区二区三区丝袜| 国产婷婷色一区二区三区| 日韩亚洲一区二区三区| 精品一区二区三区自拍图片区 | 国产精品 一区 在线| 东京热人妻无码一区二区av| 国产suv精品一区二区33| 亚洲国产精品一区| 欧美日韩一区二区成人午夜电影| 亚洲AV无码一区二区三区牲色| 秋霞日韩一区二区三区在线观看| 波多野结衣在线观看一区| 中文字幕VA一区二区三区| 精品成人乱色一区二区| 日韩一区二区三区免费体验| 丰满人妻一区二区三区免费视频|