很多朋友都知道在HTML5裡是可以操作音訊和影片的,今天就來教大家如何用H5操作音訊和視訊的步奏。以下是一個小案例,一起來看
音訊/視訊
audio 音訊
#Src= 」檔案路徑」
controls 屬性規定瀏覽器應該為音訊提供播放控制項
音訊檔案支援的格式:
Ogg mp3 wav
其他屬性:
如果出現該屬性,則音訊在就緒後馬上播放。
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 不靜音falsePlay() 播放Pause() 暫停 ##Pause() 暫停
##Pause() 暫停
##3use這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
以上是怎麼用H5操作音頻視頻的詳細內容。更多資訊請關注PHP中文網其他相關文章!