时间戳

首页 > 解决方案 > Youtube javascript 嵌入在 Fire TV Stick Gen2 和 4K 版本中出现中断

javascript - Youtube javascript 嵌入在 Fire TV Stick Gen2 和 4K 版本中出现中断

问题描述

我正在为 Amazon Fire Stick 设备开发 Android 应用程序。我正在使用 Cordova 围绕加载在 iframe 中的 Web 应用程序创建 Android 包装器。我正在使用 javascript 嵌入 youtube 播放器，如此处所示。

下面是我嵌入 Youtube 的代码：

var player = new YT.Player('youtube_container', {
    height: 720,
    width: 1280,
    videoId: 'some_video_id',
    playerVars: {
        autohide: 1,
        controls: 0,
        enablejsapi: 1,
        rel: 0,
        showinfo: 0
    },
    events: {
        'onReady': function () {
            player.seekTo(0, true);
            player.playVideo();
        },
    }
});

我已经使用此代码在我的 Web 应用程序中嵌入 youtube 视频很长时间了，它可以正常工作，但在 Fire Stick 设备中，视频显示为截断，如下所示。 视频被截断.

视频应该在矩形部分播放。视频确实可以播放，但似乎只有左上角可见。

奇怪的是，如果我在全屏模式下播放，它就可以正常播放。无论是否全屏，它在 Fire Tablet 设备中也能正常播放。此外，在我的测试中，我发现视频在极少数情况下正确定位在 iframe 中。

它似乎与此处描述的问题相似，但没有答案被标记为正确，并且已经 5 年了。我希望有人解决了这个问题。

任何帮助将不胜感激。谢谢你。

编辑：编辑宽度和高度值以反映我的实际代码，即横向

标签： javascriptandroidyoutube-apiyoutube-javascript-apiamazon-fire-tv

解决方案

推荐阅读