首頁 > web前端 > js教程 > 怎麼用H5操作音頻視頻

怎麼用H5操作音頻視頻

php中世界最好的语言
發布: 2017-12-02 11:29:27
原創
2498 人瀏覽過

很多朋友都知道在HTML5裡是可以操作音訊影片的,今天就來教大家如何用H5操作音訊和視訊的步奏。以下是一個小案例,一起來看

音訊/視訊

audio 音訊

#Src= 」檔案路徑」

controls 屬性規定瀏覽器應該為音訊提供播放控制項

音訊檔案支援的格式:

Ogg  mp3 wav

其他屬性:

autoplay

如果出現該屬性,則音訊在就緒後馬上播放。

loop

循環播放

如果出現該屬性,則每當音訊結束時重新開始播放。

 資源

影片:

<video src="movie.ogg" controls="controls">
</video>
autoplay
登入後複製

如果出現該屬性,則音訊在就緒後馬上播放。

loop

循環播放

如果出現該屬性,則每當音訊結束時重新開始播放。

Width: 寬

Height:高

一般用js 來操作影片播放的屬性:

Autoplay:了解:自動都是用標記< ;auto autoplay>

Js控制音訊/視訊播放狀態:

currentTime 取得或設定視訊的目前時間

duration  返回目前視訊或音訊的總時間  秒

ended  凡是視訊音訊是否結束

error 物件:返回mediaerror對象,用code 屬性來識別錯誤訊息

video .error。

#Muted 是否靜音    靜音true    不靜音false

Play()  播放

Pause() 暫停

##Pause() 暫停


##Pause() 暫停

##Pause() 暫停

#Pause() 暫停

##3use這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:#########用Js操作HTTP的Cookie的實作步驟##############AJAX的常用語法是什麼## #############CSS父級子級怎麼使用##########

以上是怎麼用H5操作音頻視頻的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板