HTML媒体元素的使用
<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
- 上一篇:通俗讲解盒子模型
- 下一篇:keras使用AutoEncoder对mnist数据降维