您的位置：首页 > Web前端 > HTML5

HTML5新特性之音视频播放

2016-03-17 23:06 597 查看

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>

视频的编解码工具

FFmpeg

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html5

相关文章推荐

新的分享

章节导航