Hbuiler使用网页集成第三方播放插件播放视频，设置横竖屏(视频播放全屏)

 

 

 

设置横屏

plus.screen.lockOrientation('landscape-primary');

 

 

竖屏

plus.screen.lockOrientation('portrait')

 

然后自己根据网页集成的播放器监听是否视频全屏了，然后设置不同代码即可

比如  我这个是七牛播放器的 只是demo，根据自己的来写   （七牛播放器自带滑动可以视频快进）

var container = document.getElementById("player");
                         player = new QPlayer({
                            url: src,
                            container: container,
                            autoplay: true,
                            loggerLevel: 2,
                        })

                        player.on('fullscreenchange', function(isFullScreen) {
                            if (isFullScreen) {
                                //横屏
                                plus.screen.lockOrientation('landscape-primary');
                            }else {
                                //竖屏
                                plus.screen.lockOrientation('portrait')
                            }

                        });

 

 

dplayer播放器写法

player.on('fullscreen', function() {
             横屏显示
               plus.screen.lockOrientation('landscape-primary');
        });
        
        player.on('fullscreen_cancel', function() {
               //竖屏
                plus.screen.lockOrientation('portrait')
        });

 

 

注意：这个写完之后不要直接浏览器打开页面，因为plus是app才有的事件，所以需要用hbuilder云打包到apk安装到手机上看（或者真机调试）

 

DPlayer播放器H5页面实现视频全屏播放滑动操作(滑动快进，滑动音量增减)：https://www.cnblogs.com/pxblog/p/17032688.html