Youtube Player API：不适用于嵌套 iframe

Question

我有一个使用 YTPlayer API 显示 Youtube 视频的应用程序，人们可以登录到我的应用程序并通过消息和回复将一些 cmets 添加到视频中。

它工作正常，没有任何问题，我现在遇到的问题是，如果我将我的应用程序嵌入到另一个网页中，YTPlayer 将无法正常工作。

this.player = new YT.Player("youtube-placeholder", {
                videoId: this.videoId,
                playerVars: {
                    "cc_load_policy": 1,
                    "cc_lang_pref": "en",
                    "controls": 0,
                    "disablekb": 1,
                    "enablejsapi": 1,
                    "fs": 0,
                    "iv_load_policy": 3,
                    "modestbranding": 1,
                    "origin": "https://www.my-url.com",
                    "playsinline": 1,
                    "rel": 0
                },
                events: {
                    "onReady": this.onPlayerReady.bind(this), 
                    "onStateChange": this.onPlayerStateChange.bind(this)
                }
            });

onReady 每次都会触发，因此正在加载播放器，但 this.player.playVideo() 没有做任何事情，有时 this.player 对象根本不包含 playVideo 方法。我也没有在控制台上收到任何错误。

任何帮助表示赞赏。

谢谢你。

Answer 1

有同样的问题。可以通过将 allow="autoplay" 属性添加到所有 iframe 元素来修复。在我的情况下，顶部 iframe 元素是缺少此属性的元素，因此限制了所有子元素。