h5视频微信禁止全屏 x5-playsinline
目前安卓QQ浏览器允许wifi下自动播放、手机QQ允许自动播放、微信不允许自动播放。
可以通过**x5videoenterfullscreen、x5videoexitfullscreen来**视频进入和退出全屏通知。
X5内核视频在用户点击后默认会进入全屏播放,前端可以设置video的x5-playsinline属性来将视频限定于网页内部播放
只有用户点击视频或者用户点击操作的时间周期内js调用了video.play()才可以正常播放。
获取页面中视频的加载进度,音/视频加载过程:https://blog.csdn.net/qq_34803821/article/details/84972997
IOS APP中,使用h5播放器,默认打开网页的时候,会自动全屏,解决方法webkit-playsinline
在video标签中添加x5-video-player-type:h5-page属性来控制网页内部同层播放,可以在视频上方显示html元素。
HTML的视频标签上添加“ webkit-playsinline”,并在UIWebView上添加“ allowsInlineMediaPlayback”属性,解决iphone上全屏播放的问题
webview.allowsInlineMediaPlayback = YES;在ViewController中也可以使用。
<video ... x5-video-player-type="h5" x5-video-orientation="portrait"/>
var myVideo = document.getElementById('video');
myVideo.addEventListener('ended', function () {
this.webkitExitFullScreen();
});