HTML5新特性之音视频播放
音频(Audio)
HTML5提供了播放音频文件的标准
control(控制器)
control属性用来添加播放、暂停和音量控件
标签:
<audio>
定义声音<source>
规定多媒体资源,可以是多个
注:每个浏览器支持的音频格式是不一样的,如需兼容各个版本的浏览器,请查询HTML5音频播放标准
播放音频的实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>audio播放</title>
<!--src中是资源的路径-->
<audio src="Bon Jovi - It_s My Life.mp3" controls="controls"></audio>
</head>
<body>
</body>
</html>
视频的编解码工具
Video(视频)
HTML5视频的标准
control(控制器)
标签
<video>
定义视频
<source>
规定多媒体资源,也可以是多个
属性:
- width:宽
- height:高
注:每个浏览器支持的视频格式是不一样的,如需兼容各个版本的浏览器,请查询HTML5视频播放标准
代码的实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>video播放</title>
</head>
<body>
<video src="1.mp4" controls="controls"></video>
</body>
</html>