html5之Video事件api探究 博客分类： html5 video

前面已经简单地介绍了一下video标签的相关知识：http://zhangyaochun.iteye.com/blog/1473888

 

下面我们看看这个video其他相关的东东。

 

1、HTMLVideoElement对象：

 

 

<video id="test" loop="loop" src="" ></video>

 

获取这个对象的方式其实和其他是一样的：

 

 

var video = document.getElementById("test");

 

2、方法和属性：

 

 

• canPlayType(type)    --------- 是否能播放某种格式的资源
• load()                         --------重新加载src指定的资源
• networkState             --------（只读）返回媒介的网络状态

           0 -----未初始化

           1 ------加载完成

           2 ------加载中

           3 ------加载失败

• error属性                    ---------（只读） 返回当前的错误状态，如果没有，返回null

           error.code返回的是错误状态：

            1-------------获取异常

            2-------------网络错误

            3-------------媒体解码错误

            4-------------格式不支持

• duration属性              --------- 返回文件总的播放时间

• volume属性                --------- 返回当前的音量值，在0~1之间

           0 -------静音

           1 -------最大音量

• muted属性                 ---------- 返回true | false 

         true ----------- 没有开启静音

         false -----------开启静音                                   

• currentTime             ---------- 返回当前播放的位置

• ended属性                 ---------- 返回true | false  

        true ------------已经播放完成

        false------------未播放完成 

• play()  -------播放视频

          会将paused的值置为false

• pause() -----暂停视频

          会将paused的值置为true

扩展阅读：

1、http://dev.w3.org/html5/spec/the-source-element.html