为了文章的完整性，首先还是列举一下 video 标签的属性：

• src：视频的属性
• poster：视频封面，没有播放时显示的图片
• preload：预加载
• autoplay：自动播放
• loop：循环播放
• controls：浏览器自带的管制条
• width：视频宽度
• height：视频高度

Video 对象属性：

• audioTracks：返回示意可用音频轨道的 AudioTrackList 对象。
• autoplay：设置或返回是否在就绪（加载实现）后随即播放视频。
• buffered：返回示意视频已缓冲局部的 TimeRanges 对象。
• controller：返回示意视频以后媒体控制器的 MediaController 对象。
• controls：设置或返回视频是否应该显示控件（比方播放 / 暂停等）。
• crossOrigin：设置或返回视频的 CORS 设置。
• currentSrc：返回以后视频的 URL。
• currentTime：设置或返回视频中的以后播放地位（以秒计）。
• defaultMuted：设置或返回视频默认是否静音。
• defaultPlaybackRate：设置或返回视频的默认播放速度。
• duration：返回视频的长度（以秒计）。
• ended：返回视频的播放是否已完结。
• error：返回示意视频谬误状态的 MediaError 对象。
• height：设置或返回视频的 height 属性的值。
• loop：设置或返回视频是否应在完结时再次播放。
• mediaGroup：设置或返回视频所属媒介组合的名称。
• muted：设置或返回是否敞开声音。
• networkState：返回视频的以后网络状态。
• paused：设置或返回视频是否暂停。
• playbackRate：设置或返回视频播放的速度。
• played：返回示意视频已播放局部的 TimeRanges 对象。
• poster：设置或返回视频的 poster 属性的值。
• preload：设置或返回视频的 preload 属性的值。
• readyState：返回视频以后的就绪状态。
• seekable：返回示意视频可寻址局部的 TimeRanges 对象。
• seeking：返回用户以后是否正在视频中进行查找。
• src：设置或返回视频的 src 属性的值。
• startDate：返回示意以后工夫偏移的 Date 对象。
• textTracks：返回示意可用文本轨道的 TextTrackList 对象。
• videoTracks：返回示意可用视频轨道的 VideoTrackList 对象。
• volume：设置或返回视频的音量。
• width：设置或返回视频的 width 属性的值。

Video 对象办法：

• addTextTrack()：向视频增加新的文本轨道。
• canPlayType()：查看浏览器是否可能播放指定的视频类型。
• load()：从新加载视频元素。
• play()：开始播放视频。
• pause()：暂停以后播放的视频。

而后列出能够用于视频状态监控的 Media 事件（由媒介（比方视频、图像和音频）触发的事件，实用于所有 html 元素，但罕用于 audio、embed、img、object 以及 video 中）：

这些 Media 事件在不同平台下体现各异，事件触发的场景有差别，事件触发后 Video 对象属性的返回值也不尽相同，上面重点演绎其差别点，首先咱们会给出论断，而后附上测试数据。测试间接应用最简略的形式，在页面上增加 video 标签播放视频，视频设置循环播放属性 loop。

差别剖析论断

事件属性体现差别

测试数据

pc 测试 chrome

iOS

iOS weixin

iOS QQ

与微信无显著差别

iOS safari

与微信无显著差别

iOS QQ 浏览器 x5 内核

在 QQ 浏览器中除了能够获取视频长度，其余属性均无奈获取。鉴于其体现比拟诡异，咱们的比照中除开此特例。

android– 三星 GT-N7105 4.4.2

android weixin

android QQ

与微信无显著差别

android QQ 浏览器

与微信无显著差别

android– 华为 G610-U00 4.2.1

与三星 GT-N7105 4.4.2 weixin 版本无显著差别