HTML5视频|学习笔记

开发者学堂课程【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 上阅读



上一篇:apache 服务器修改网站默认首页


下一篇:uva 10801 - Lift Hopping(最短路Dijkstra)