声明: 学习资源来源于 HTML 5 视频 ,本人只是学习一下.
H5是HTML、XHTML以及HTML DOM的新标准.
新特性
HTML 5中的一些有趣的新特性:
用于绘画的canvas元素
用于媒介回放的video和audio元素对本地离线存储的更好的支持
新的特殊内容元素,比如article、footer、header、nav、section
新的表单控件,比如calendar、date、time、email、url、search
浏览器支持
最新版本的Safari、Chrome、Firefox以及Opera支持某些HTML 5特性。Internet Explorer 9将支
持某些HTML 5特性。
<video width = "100" height = "200" controls = "controls">
<source src = "login.mp4" type = "video/mp4">
//Safari浏览器,视频文件必须是MPEG4类型。
不能播放 //不能播放时会显示该句话作为显示
</video>
// video元素允许多个source元素。source元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式!
IE8不支持 video 元素, IE9中提供对 MPEG4 的支持
<video>标签的常用属性:
autoplay 出现该属性,视频在就绪后会立马播放
controls 向用户显示控件,比如播放按钮
height , width 设置视频播放器的高宽
loop 是否循环播放
preload 视频在页面加载时进行预加载并预报播放, 若出现"autoplay"会忽略该属性
src 要播放视频的链接 URL
H5音频与视频标签用法一样,属性也基本一致,由 <audio>标签控制
