视频内联播放
在微信浏览器下有效，其他未知
1
2
3
4
5
6
| <video
preload="none"
x5-video-player-type="h5-page"
playsinline="playsinline"
webkit-playsinline="true"
></video>
|
这该死的文档还天天换地址！！！！！打开是404的话进首页找吧；TBS腾讯浏览服务文档
这文章还可以：H5的视频解决方案(1) —— mobile video内联播放
这篇也不错：神经病啊！——微信同层播放器接(踩)入(坑)总结
标签属性
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。
controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。
height pixels 设置视频播放器的高度。
width pixels 设置视频播放器的宽度。
loop loop 如果出现该属性，则循环播放。
muted muted 如果出现该属性，视频的音频输出为静音。
poster URL 规定视频正在下载时显示的图像，直到用户点击播放按钮。 preload auto/metadata/none 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src URL 要播放的视频的 URL。
|
只读属性
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| duration 整个媒体文件的播放时长，以秒为单位。如果无法获取时长，则返回NaN
paused 如果媒体文件当前被暂停，则返回true。如果还未开始播放，默认返回true
ended 如果媒体文件已经播放完毕，则返回true
startTime 返回最早的播放起始时间，一般是0.0，除非是缓冲过的媒体文件，并且一部分内容已经不在缓冲区
error 在发生了错误的情况下返回的错误代码
currentSrc 以字符串形式返回当前正在播放或已加载的文件。对应于浏览器在source元素中选择的文件
seeking 如果播放器正在跳到一个新的播放点，那seeking的值为true。
initialTime 指定了媒体的开始时间，单位为秒
|
可读写属性
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| autoplay 将媒体文件设置为创建后自动播放，或者查询是否已设置为autoplay
loop 返回是否循环播放，或设置循环播放（或者不循环播放）
currentTime 指定了播放器应该跳过播放的时间（单位为秒）。在播放过程中，可设置currentTime属性来进行定点播放。
controls 显示或隐藏用户控制界面，或者查询用户控制界面当前是否可见
volume 在0.0到1.0之间设置音频音量的相对值，或者查询当前音量相对值
muted 布尔值，设置静音或者消除静音，或者检测当前是否为静音
autobuffer 通知播放器在媒体文件开始播放前，是否惊醒缓冲加载。如果已设置为autoplay，则忽略此特性
playbackRate 用于指定媒体播放的速度。1.0表示正常速度，大于1则表示“快进”，0~1之间表示“慢放”，负值表示回放。
|
三个特殊属性
1
2
3
4
5
| played 返回已经播放的时间段
buffered 返回当前已经缓冲的时间段
seekable 返回当前播放器需要跳到的时间段
|
事件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
| loadstart：开始加载音频和视频。
durationchange：音频和视频的duration属性（时长）发生变化时触发，即已经知道媒体文件的长度。如果没有指定音频和视频文件，duration属性等于NaN。如果播放流媒体文件，没有明确的结束时间，duration属性等于Inf（Infinity）。
loadedmetadata：媒体文件的元数据加载完毕时触发，元数据包括duration（时长）、dimensions（大小，视频独有）和文字轨。
loadeddata：媒体文件的第一帧加载完毕时触发，此时整个文件还没有加载完。
progress：浏览器正在下载媒体文件，周期性触发。下载信息保存在元素的buffered属性中。
canplay：浏览器准备好播放，即使只有几帧，readyState属性变为CAN_PLAY。
canplaythrough：浏览器认为可以不缓冲（buffering）播放时触发，即当前下载速度保持不低于播放速度，readyState属性变为CAN_PLAY_THROUGH。
abort 播放中断
emptied 媒体文件加载后又被清空，比如加载后又调用load方法重新加载。
ended 播放结束
error 发生错误。该元素的error属性包含更多信息。
pause 播放暂停
play 暂停后重新开始播放
playing 开始播放，包括第一次播放、暂停后播放、结束后重新播放。
ratechange 播放速率改变
seeked 搜索操作结束
seeking 搜索操作开始
stalled 浏览器开始尝试读取媒体文件，但是没有如预期那样获取数据
suspend 加载文件停止，有可能是播放结束，也有可能是其他原因的暂停
timeupdate 网页元素的currentTime属性改变时触发。
volumechange 音量改变时触发（包括静音）。
waiting 由于另一个操作（比如搜索）还没有结束，导致当前操作（比如播放）不得不等待。
|
html5–移动端视频video的android兼容，去除播放控件、全屏等
查看相关文章