Youtube播放器api全屏选项在移动Android应用程序中不可用

时间:2017-04-13 18:21:03

标签: javascript youtube-api

目前我正在制作Youtube视频,

我正面临一个问题。

我发现一个奇怪的事情是全屏选项不适用于移动应用。但它存在于移动浏览器(chrome)中。

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

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

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

2 个答案:

答案 0 :(得分:0)

如果你在你提到的Android应用中执行此操作.setFullscreen(true)。您可以在此blog post

中找到示例实现
@Override
   public void onClick(View arg0) {
    youTubePlayer.setFullscreen(true);
   }});
}

如果您正在为JS或HTML5 for web执行此操作,请检查此SO thread以了解实现全屏的各种方法。

答案 1 :(得分: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;
    }
})