把视频网站用Hbuilderx打包成APP时,实现全屏横屏旋转的方法
作者:admin 时间:2020-08-13 阅读数:272人
前段时间研究封装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.love0312.com/1513.html,转载请注明出处