Youtube api 在jquery的父页面中加载Youtube视频

要加载youtube播放器，我在Jquery中使用如下API：

    var youtube_player = document.createElement("div");
    youtube_player.id = "youtube_player";
    youtube_player.className = "youtube_player";

    document.getElementById('media_container').appendChild(youtube_player);

    var player = {
        playVideo: function (container, videoId) {
            if (typeof (YT) == 'undefined' || typeof (YT.Player) == 'undefined') {
                window.onYouTubeIframeAPIReady = function () {
                    player.loadPlayer(container, videoId);
                };

                $.getScript('//www.youtube.com/iframe_api');
            } else {
                player.loadPlayer(container, videoId);
            }
        },
        loadPlayer: function (container, videoId) {
            new YT.Player(container, {
                videoId: videoId,
                width: 356,
                height: 200,
                playerVars: {
                    autoplay: 1,
                    controls: 1,
                    modestbranding: 0,
                    rel: 0,
                    showInfo: 0
                }
            });
        }
    };

    var id_youtube = get_id_youtube_by_url(url_media);

    player.playVideo(youtube_player.id, id_youtube);

这段代码正在运行，在div“media_container”中创建了一个youtube播放器

但是现在，如果我想从父页面的iframe加载youtube播放器，它就不起作用了

我认为问题来自load_player中的属性“container”。 但我不知道该怎么做。你知道吗

---

非常感谢你的帮助

不确定这是否有帮助，但请尝试使用此示例。它包括搜索和播放youtube视频。您可以尝试此方法并与您的项目进行比较。

不确定此方法是否有用，但请尝试使用此方法中的示例。它包括搜索和播放youtube视频。您可以尝试此方法并与您的项目进行比较