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实现全屏横屏旋转的方法相关推荐

android webview 横竖屏_webview播放视频并且点击全屏横屏的方法
title: webview播放视频并且点击全屏横屏的方法 date: 2016-11-28 10:33:27 tags: tips 首先initWebView,好吧有点多,有些是项目里其他需求需要的 ...
jquery video全屏_用videojs让HTML5视频在移动端全屏的方法
用videojs让HTML5视频在移动端全屏的方法文章标签: 视频 : 04-10 19:23 : 1859次 : 0条 1赞点赞简介在使用videojs插件时,如何让HTML5的视频在移动端里 ...
html全屏背景视频特效,HTML – 中心全屏背景视频
我最近玩过html5并且遇到了使用的想法使用以下HTML代码作为网站背景的全屏视频: 另外,我使用以下css代码来正确对齐它: #video_background{ position: absolu ...
android录制视频横向,Android从零开始(26)(设置全屏+横屏、相机拍照、视频录制)(新)...
相机拍照.视频录制相机拍照全屏显示有两种方式: 在androidManifest.xml里面的application标签下设置 android:theme="@android:style/ ...
[html] 如何解决微信浏览器视频点击自动全屏的问题？
[html] 如何解决微信浏览器视频点击自动全屏的问题? 1.1 页面内播放 X5内核视频在用户点击后默认会进入全屏播放,前端可以设置video的x5-playsinline属性来将视频限定于网页内部 ...
设置网页打开默认全屏_微信公众号里的视频不能进行全屏播放的解决方法
我们手机版的微信视频,发现视频播放只能竖屏播放,点击右下角对放大按钮也是如此,网页版也是小窗口播放,而视频这样显示特别影响我们的观看感受, 下面说下微信公众号里的视频不能进行全屏播放的解决方法. 1. ...
canvas+html实现视频弹幕，可以全屏实现
前几天突然想做一个像BiliBIli的弹幕系统,原来想法是视频外套一个div,然后div创建弹幕元素P标签飘过实现,后来发现太卡了,就用canvas实现,后来发现一个问题, 我的实现原理就是id为co ...
HTML5期末大作业：在线音乐播放器网站设计——html5全屏的音乐列表播放器页面源码 HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设
HTML5期末大作业:在线音乐播放器网站设计--html5全屏的音乐列表播放器页面源码 HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设 ...
Android运行时动态全屏以及旋转屏幕时不重新装载
Android运行时动态全屏以及旋转屏幕时不重新装载最近要做一视频播放器,在横屏时需要用到全屏播放,在网络上搜索"android 全屏",查到的文章全是如何设置全屏,通过them ...

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

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

最新文章

热门文章