在我们的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设置宽和高