怎麼用H5操作音頻視頻

很多朋友都知道在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中文網其他相關文章！