在我们的HTML中可以导入音频标签来实现我们的音乐控件,音频控件使用
定义方式1
<audio src="someaudio.wav">
您的浏览器不支持 audio 标签。 </audio>
定义方式2
<audio>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
<source src="horse.wav" type="audio/wav">
您的浏览器不支持 audio 标签。 </audio>
在audio标签中的内容在浏览器不支持audio控件的情况下显示,其中src属性是用来写音频的地址路径的,如果只有一个数据类型的数据源则使用第一种即可。如果有多个不同格式的数据源则使用第二种方式,浏览器会根据数据源逐一排除,直到一个可以播放的音乐为止。
在audio标签中还可以定义几个属性分别为:
autoplay
如果出现该属性,则音频在就绪后马上播放。
controls
如果出现该属性,则向用户显示控件,比如播放按钮。
loop
如果出现该属性,则每当音频结束时重新开始播放。
muted
规定视频输出应该被静音。
视频标签的使用
在我们的HTML中可以导入视频标签来实现我们的视频控件,与音频控件类似,视频控件使用
定义方式一
<video src="">
当前浏览器不支持 video直接播放 </video>
定义方式二
<video width="800" height="">
<source src="myvideo.mp4" type="video/mp4"></source>
<source src="myvideo.ogv" type="video/ogg"></source>
<source src="myvideo.webm" type="video/webm"></source>
当前浏览器不支持 video直接播放,点击这里下载视频: <a href="myvideo.webm">下载视频</a>
</video>
同样在video标签中的内容在浏览器不支持video控件的情况下显示,其中src属性是用来写视频的地址路径的,如果只有一个数据类型的数据源则使用第一种即可。如果有多个不同格式的数据源则使用第二种方式,浏览器会根据数据源逐一排除,直到一个可以播放的视频为止。
在video标签中还可以定义几个属性分别为:
autoplay
如果出现该属性,则视频在就绪后马上播放。
controls
如果出现该属性,则向用户显示控件,比如播放按钮。
loop
如果出现该属性,则每当音频结束时重新开始播放。
muted
规定视频输出应该被静音
width
height
设置宽和高