html 视频播放相关

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();
});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值