• 微信
您当前的位置:首页  > 文章 >  把视频网站用Hbuilderx打包成APP时,实现全屏横屏旋转的方法

把视频网站用Hbuilderx打包成APP时,实现全屏横屏旋转的方法

作者:admin 时间:2020-08-13 阅读数:2人

前段时间研究封装APP,打算把一个视频网站封装成APP,用Hbuilderx封装,本来就套一个壳子,但后来发现无法实现视频全屏横屏旋转功能。

要知道,视频网站没有横屏很不爽的,测试网站在浏览器里是没有问题的,后来经过各种搜,终于找到一段代码!

封装时我们在app.js末尾加入下面的代码既可完美实现全屏横屏旋转功能兼容IOS和安卓。

此方法适用WAP2APP和H5+APP

代码如下:

var fullScreenOfAndroid = function() {
 if (true) {
  var playym = plus.webview.currentWebview();
  playym.setStyle({
   videoFullscreen: "landscape"
  })
 } else {
  document.addEventListener("webkitfullscreenchange", function() {
   var el = document.webkitFullscreenElement;
   if (el) {
    plus.screen.lockOrientation("landscape")
   } else {
    plus.screen.unlockOrientation()
   }
  })
 }
};
var fullScreenOfIos = function(videoElem) {
 videoElem.addEventListener("webkitbeginfullscreen", function() {
  plus.screen.lockOrientation("landscape")
 });
 videoElem.addEventListener("webkitendfullscreen", function() {
  plus.screen.unlockOrientation()
 })
};

声明

源码下载不顺利,比如源码在百度网盘的有时会被无故取消等,请联系QQ:46667551
本站大部分下载资源收集于网络,但除特别说明之外,基本全部亲自测试可用!
但由于某些源码的更新迭代,比如微信小程序官方接口的变动等原因,
如时间过长,可能会造成本可以使用的代码出现问题,下载前请斟酌!
本站资源仅供学习和交流使用,版权归原作者所有,请在下载后24小时之内自觉删除。
若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,使用者自行承担,概与本站无关。

原文链接:https://www.dnwfb.com//1513.html,转载请注明出处