2017-04-13 70 views
0

目前我正在Youtube视频工作,Youtube播放器API全屏选项不适用于移动安卓应用

我正面临一个问题。

我观察到一个奇怪的事情,全屏选项不适用于移动应用程序。但是它出现在手机浏览器(chrome)中。

我研究了网上很多,但并没有找到答案

请帮助我,我想是全屏功能

var player = new YT.Player(strId, { 
    "height": '200', 
    "width": '100%', 
    "videoId": 'Hmvz_lKyh', 
    "events": { 
     "onReady": onPlayerReady, 
     "onStateChange": onPlayerStateChange 
    }, 
    "allowfullscreen": true 
}); 

回答

0

我没有找到任何这答案, 所以我终于结束了这个解决方案

我添加了一个类“全屏”

var isFullScreenMode = false; 

$(".full-screen").on("click", function() { 
    if (isFullScreenMode) { 
     $(".video-player").height(200); 
     isFullScreenMode = false; 
    } else { 
     $(".video-player").height($(window).height()); 
     isFullScreenMode = true; 
    } 
}) 
按钮
0

如果你在一个Android应用程序像你提到的这样做,.setFullscreen(true)。你可以找到在这个blog post

@Override 
    public void onClick(View arg0) { 
    youTubePlayer.setFullscreen(true); 
    }}); 
} 

一个样本实现。如果你这样做是对JS或HTML5的Web,检查此SO thread为实现全屏的各种方式。