当前位置:首页 > Web开发 > 正文

HTML媒体元素的使用

11-11 Web开发

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

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

技术图片

示例二:

<video src="http://www.mamicode.com/video/video.mp4" controls="controls"></video>

效果图:

技术图片

二、音频

语法:

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

代码示例:

技术图片

两个都行

效果图:

HTML媒体元素的使用

温馨提示: 本文由杰米博客推荐,转载请保留链接: https://www.jmwww.net/file/web/10238.html