html5 video 加载状态,HTML5 Video标签的属性、方法和事件汇总介绍

前段时间写了一个基于html5 video的视频播放器，从起初的对其不了解，然后到能够写一个基本完善的自定义播放器。在这个过程中，对video标签的属性，方法，事件有了个全面的认识。下面分类列出来一下。

标签的属性

复制代码代码如下:

src ：视频的属性

poster：视频封面，没有播放时显示的图片

preload：预加载

autoplay：自动播放

loop：循环播放

controls：浏览器自带的控制条

width：视频宽度

height：视频高度

html 代码

复制代码代码如下:

//audio和video都可以通过JS获取对象,JS通过id获取video和audio的对象

获取video对象

复制代码代码如下:

Media = document.getElementById("media");

Media方法和属性：

HTMLVideoElement和HTMLAudioElement 均继承自HTMLMediaElement

复制代码代码如下:

Media.error; //null:正常

Media.error.code; //1.用户终止 2.网络错误 3.解码错误 4.URL无效

//网络状态

- Media.currentSrc; //返回当前资源的URL

- Media.src = value; //返回或设置当前资源的URL

- Media.canPlayTyp