Hbuilderx打包视频网站APP实现全屏横屏旋转的方法

这个问题很多人百思不得其解,这分享Hbuilderx封装视频网站APP的无法实现视频全屏横屏旋转功能。

1.我们在wapapp.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()
})
};
如下图:

Hbuilderx打包视频网站APP实现全屏横屏旋转的方法生成原生安装包后既可。
————————————————

给TA打赏
共{{data.count}}人
人已打赏
app

uniapp web-view 网页 video播放器 全屏后无法横屏解决办法

2022-8-19 16:47:04

app

UNAPP WEB-VIEW 无法缩放(已解决)

2022-8-19 16:50:27

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索