要加载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中的“容器”属性。但我不知道怎么做。你知道吗?
非常感谢你的帮助!
发布于 2016-08-30 18:50:19
不确定这是否有帮助,但尝试在此Github repo中使用示例。它包括搜索和播放youtube视频。您可以尝试此live demo,并与您的项目进行比较。
https://stackoverflow.com/questions/39203502
复制相似问题