13.音视频
一、audio标签:用来向页面中引入一个外部的音频文件(音视频文件引入时默认情况下不允许用户自己控制播放停止)
属性:
controls 是否允许用户控制播放
autoplay 音频文件是否自动播放
(若设置了autoplay则音乐在打开页面时会自动播放,但大部分浏览器都不会自动对音乐进行播放)
loop 音乐是否循环播放
以上属性都无数值
例:<audio src="./source/audio.mp3" controls autoplay loop></autoplay>
(意思是,引用source文件下的audio.mp3,设置成允许控制播放,自动播放,循环播放)
<audio controls>
对不起,您的浏览器不支持播放音频
<source src="./source/audio.mp3">
<source src="./source/audio.mp3">
</audio>
或
<audio controls>
<source src="./source/audio.mp3">
<source src="./source/audio.mp3">
<embed src="./source/audio.mp3" type="audio/mp3" width="300" height="200">
</audio>
二、video标签:向网页中引入一个视频,使用与audio基本一样
<video controls>
<source src="./source/flower.webm">
<source src="./source/flower.mp4">
<embed src="source/flower.mp4" type="video/mp4">
</video>
转载自:https://segmentfault.com/a/1190000042185605