video标签在安卓下微信x5浏览器的一些问题

  1. 强制全屏播放视频。(非腾讯视频)
  2. Click事件不能触发,play()方法。只能通过video标签自己的播放按钮进行播放。
  3. 因为播放只能通过video标签自己的播放按钮,所以readyState和canplaythrough视频就绪状态也没用。
  4. 不能自动播放。Autoplay失效。
  5. 不能同时播放视频。
  6. Video标签设置display:none后,再设置display:block。Controls会变成全白的。无法播放。(很奇葩的问题,原理我还不知道。)
  7. Error事件发生是在视频资源加载时发生的。不是视频加载完后。所以这里的error没用。而且error.code不支持。

    最难受的是,以上问题,无解。如果你尝试在ios下使用video标签或者是在谷歌浏览器使用video标签,比较后你会发现x5是遇见过最垃圾的浏览器。

还有其它的问题,如:

1.莫名其妙的黑屏,即poster不显示(两个视频在一个页面的时候,会有一个黑屏。)。

这个在video标签之上放一个image标签,或者是用一个div包裹video,设置背景图。都可以解决。

video标签在苹果手机上的问题

  1. 更换video的src后,不会自动向服务器重新请求,video标签会变成白色失效状态。

解决:在更换src后使用load方法可以解决。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值