Youtube“；用“原点”阻止帧；http://www.youtube.com" 从使用“原点”访问帧；即使使用相同的协议
嵌入Youtube播放列表时，我遇到以下错误：Youtube“；用“原点”阻止帧；http://www.youtube.com" 从使用“原点”访问帧；即使使用相同的协议,youtube,youtube-api,youtube-javascript-api,Youtube,Youtube Api,Youtube Javascript Api,嵌入Youtube播放列表时，我遇到以下错误： 阻止了具有原点的帧”http://www.youtube.com“从访问具有原点的帧”http://www.mydomain.com". 协议、域和端口必须匹配。 我没有在任何地方混合使用HTTP和HTTPS，所以我不知道为什么一开始就出现这个错误 我注意到，最近Youtube嵌入播放列表没有显示第一个视频的嵌入图像，只是显示了一个带有“全部播放”按钮的黑屏，我想知道这是否是由上述错误引起的。显然，chrome给出的错误似乎是一个错误。为了解决“全
阻止了具有原点的帧”http://www.youtube.com“从访问具有原点的帧”http://www.mydomain.com". 协议、域和端口必须匹配。我注意到，最近Youtube嵌入播放列表没有显示第一个视频的嵌入图像，只是显示了一个带有“全部播放”按钮的黑屏，我想知道这是否是由上述错误引起的。显然，chrome给出的错误似乎是一个错误。为了解决“全部播放”按钮的黑屏问题，我使用了Javascript API（而不是iframe），如下所示：
<!DOCTYPE html>
<html>
<body>
<div id="player"></div>
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: '',
events: {
'onReady': onPlayerReady
}
});
}
function onPlayerReady(event) {
player.cuePlaylist({'listType':'playlist','list':'PLE2714DC8F2BA092D'});
}
</script>
</body>
</html>
var tag=document.createElement（'script'）；
tag.src=”https://www.youtube.com/iframe_api";
var firstScriptTag=document.getElementsByTagName（'script'）[0]；
firstScriptTag.parentNode.insertBefore（标记，firstScriptTag）；
var播放器；
函数onyoutubeiframeapiredy（）{
player=新的YT.player（'player'{
高度：“390”，
宽度：“640”，
videoId:“”，
活动：{
“onReady”：onPlayerReady
}
});
}
函数onPlayerReady（事件）{
cuePlaylist（{'listType'：'playlist'，'list'：'PLE2714DC8F2BA092D'}）；
}
感谢@jlmcdonald提供的答案，如图所示：这个问题对于Youtube服务来说非常明显，基本上Youtube只能通过https访问，现在不允许http，只需将您的“http”更改为“https”…这就是解决方案这是铬的问题。。。这基本上是V8中的一个bug，需要修复，以便Chromium可以使用适当的异常处理来处理这个问题。它与嵌入的播放列表无关（事实上，不应该有任何负面影响）。似乎我遇到的问题是YouTube的最新更新引入了一些问题，影响了iframe嵌入。这似乎没有关系。在这里检查我的另一个问题：你能添加调用youtube的脚本吗？@jbx：添加你用来解决问题的脚本，并将问题标记为已回答。