开发者学堂课程【HTML5 新特性学习:HTML5视频】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/396/detail/5047
HTML5视频
内容介绍:
一、视频
二、示例
一、视频
1、video (视频)
HTML5 提供了展示视频的标准
2、control (控制器)
control属性供添加播放、暂停和音量控件
3、标签:
<video> 定义声音
<source> 规定多媒体资源,可以是多个
4、属性:
width: 宽
height: 高
二、示例
创建一个新的文件 index,创建一个名为 raw 的资源文件夹,拷贝桌面上一个 3.mp4 视频
接下来创建一个 video 标签
<video src = “raw/3.mp4” controls = “controls” height = “300px” width = “300px”>浏览器不支持</video>
使用 Chrome 浏览器进行测试
这是一种添加资源的方式,还可以添加不同的资源
添加一个 <source> 标签
<video controls = “controls” height = “300px” width = “300px”>
<source src= “raw/3.mp4”>
</video>
此标签格式 IE 不支持,如果要查看浏览器是否支持,可以在官网 w3school.com.cn 上阅读
另外,如何进行转码和转码之后如何进行使用可以在官网 ffmpeg.org 上阅读