HTML媒体元素的使用

标签：audio   gif   width   mamicode   htm   技术   暂停   提示   image   

一、视频

语法：

<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>

代码示例：

 两个都行

效果图：

HTML媒体元素的使用

标签：audio   gif   width   mamicode   htm   技术   暂停   提示   image   

原文地址：https://www.cnblogs.com/aryl/p/11831143.html