首页 > 其他分享 >Hbuiler使用网页播放视频,设置横竖屏

Hbuiler使用网页播放视频,设置横竖屏

时间:2023-01-02 15:44:53浏览次数:37  
标签:网页 横竖 Hbuiler player plus lockOrientation container screen

 

 

设置横屏

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')
                            }

                        });

 

 

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

 

标签:网页,横竖,Hbuiler,player,plus,lockOrientation,container,screen
From: https://www.cnblogs.com/pxblog/p/17019995.html

相关文章