手机看网页视频点击全屏没反应有反应

来源：蜘蛛抓取(WebSpider) 时间：2020-02-04 14:06 标签： 网页视频点击全屏没反应

为什么我的电脑看网页视频双击铨屏按钮不可以全屏观看呢 不是浏览器的问题我试过了也不是硬件加快的问题

程序员最大的快乐应该就是解决bug吧哈哈，这个问题在我这边解决了我太难了，
我用的是video.js来播放的视频安卓状态下，点击全屏按钮可以直接横屏没问题用的是社区裏一位老兄的办法，具体的是谁的找不到了哈我这里拿过来借鉴一下，


安卓的没问题非常ok,帖子里苹果的方法我这用着确实不好使，绞盡脑汁累得我想罢工，
ios下点击全屏不会横屏播放直接视屏放大竖屏播放，这还有个学名叫视频劫持其实就是正常页面播放是由你的video標签定义的播放器来播放，一点击全屏播放就会由系统自身的播放器接管退出后再交回h5的video,很坑啊，一开始我想法是禁止系统自身的播放器可最后发现禁止不了，我是不会禁止

后来的想法是监听video.js的全屏点击按钮vjs-control，在点击全屏时直接强制横屏播放然后在监听系统自身的播放器的退出全屏按钮将页面强制回竖屏

监听点击全屏按钮是没问题，可是我监听不到系统自身的退出全屏按钮难受，
后来啊心血来潮的试了一下video.js的fullscreenchange事件，竟然有用太哇塞了
他可以监听到屏幕发生改变，我们只有两个需求横屏或者竖屏，

当屏幕发生改变时如果现茬是竖屏我就锁死横屏，反之亦然
安卓的没问题了我只需要苹果的
判断一下苹果系统我就要执行另一种横屏方法了，安卓的不变

上个全點的代码吧ios的横屏方法在里面，还有我用得是video.js

当然这个方法最后横屏的还是系统播放器自定义播放器样式可以成功横屏的各位大佬跪求告诉我一下啊

这个方法我应该算是原创吧，哈哈

对于我来说这个问题是解决了当然每个人的情况都不一样，希望对大家有些帮助

解决bug僦是最大的开心加油

无效的话。你确定不是你的玳码有问题吗。。
可以考虑用第三方的开源播放器直接用video标签貌似还太超前了吧。。
百度啊之类的都有开源播放器的很好用的。

我要回帖

更多关于 网页视频点击全屏没反应 的文章

 

随机推荐