视频

1 X5内核视频两种播放形态

1.1 页面内播放

X5内核视频在用户点击后默认会进入全屏播放,前端可以设置videox5-playsinline属性来将视频限定于网页内部播放

Demo页面

1.2 同层页面内播放

同层页面内播放是标准的视频播放形态,在video标签中添加且只需要添加一个(不要与x5-playsinline同时存在):x5-video-player-type='h5-page'属性来控制网页内部同层播放,可以在视频上方显示html元素

Demo页面

2 X5内核视频事件

2.1 进入、退出全屏通知

可以通过监听x5videoenterfullscreenx5videoexitfullscreen事件来得到视频进入和退出全屏通知

Demo页面

2.2 扩展通知

X5内核视频额外参数,每秒触发一次,让前端通过参数分析决定是否换视频源来保证用户的播放体验

Demo页面