首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在jquery的父页面中加载Youtube视频

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

Stack Overflow用户
提问于 2016-08-29 18:01:14
回答 1查看 63关注 0票数 1

要加载youtube播放器,我使用Jquery中的API,如下所示:

代码语言:javascript
运行
复制
    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中的“容器”属性。但我不知道怎么做。你知道吗?

非常感谢你的帮助!

EN

回答 1

Stack Overflow用户

发布于 2016-08-30 18:50:19

不确定这是否有帮助,但尝试在此Github repo中使用示例。它包括搜索和播放youtube视频。您可以尝试此live demo,并与您的项目进行比较。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39203502

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档