1. 程式人生 > >css總結16:HTML5 多媒體音頻(Audio)視頻(video )

css總結16:HTML5 多媒體音頻(Audio)視頻(video )

例子 音頻播放 OS not clas 支持 amp htm 代碼

1 顯示嵌入網頁中的 MP3 文件:

<embed height="50" width="100" src="horse.mp3">

2 HTML5 <audio> 音頻播放屬性:

2-1 audio 常用屬性:

autoplay 自動播放 loop 循環 controls 控制器

例子:

<audio controls>
<source src="horse.mp3" type="audio/mpeg">
<source src="horse.ogg" type="audio/ogg">
Your browser does not support this audio format.
</audio>

3-1 常用屬性:

autoplay 自動播放 loop 循環 controls 控制器

3-1 代碼:

<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<source src="movie.webm" type="video/webm">
您的瀏覽器不支持 video 標簽。
</video>

註:source 指的是播放資源.若前兩個無法播放,自動播放後兩個.

css總結16:HTML5 多媒體音頻(Audio)視頻(video )