HTML媒体元素的使用

一、视频

语法:

<video src="视频路径" controls="controls"></video>
其中src属性用于指定要播放的视频文件的路径,controls属性用于提供播放,暂停和音量控件,此外,还可以使用width和height设置视频的宽度和高度
如果浏览器不支持video元素,可以在video元素中间插入一段文字用于提示,这样,旧的浏览器就可以显示这段文字给用户看。具体操作如下:
<video src="视频路径" controls="controls">你的浏览器不支持video标签</video>

代码示例一:由于浏览器支持的视频格式不同,所以为了能播放同一个视频,可以多放几个视频源,如果第一个不行会默认播放下一个的。

示例二:

<video src="video/video.mp4" controls="controls"></video>

 效果图:

二、音频

语法:

语法:
<audio src="音频路径" controls="controls"></video>
其中src属性用于指定要播放的音频文件的路径,controls属性用于提供播放、暂停和音量控制,此外,还可以用width和height设置音频的宽度和高度
如果浏览器不支持audio元素,那么可以在audio元素中间插入一段文字用于提示,这样,旧的浏览器就可以显示这段文字给用户
<audio src="音频路径" controls="controls">你的浏览器不支持audio标签</audio>

代码示例:

 

 两个都行

效果图:

猜你喜欢

转载自www.cnblogs.com/aryl/p/11831143.html
今日推荐