H5视频与音频

声明: 学习资源来源于  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>标签控制