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()
	})
};

如下图: 

生成原生安装包后既可。

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

q550707177

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值