即使使用相同的协议,Youtube"阻止带原点的帧"http://www.youtube.com"访问具有原点的帧"

Question

即使使用相同的协议,Youtube"阻止带原点的帧"http://www.youtube.com"访问具有原点的帧"

jbx*_*jbx 24 youtube youtube-api youtube-javascript-api

嵌入Youtube播放列表时,我收到此错误:

Blocked a frame with origin "http://www.youtube.com" from accessing a frame with origin "http://www.mydomain.com". Protocols, domains, and ports must match.

我不是在任何地方将HTTP与HTTPS混合,所以我不知道为什么我首先得到这个错误.

我注意到最近Youtube嵌入式播放列表没有显示第一个视频的嵌入图像,只是显示带有"全部播放"按钮的黑屏,我想知道这是否是由上述错误引起的.

Answer 1

jbx*_*jbx 5

显然,似乎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>

Run Code Online (Sandbox Code Playgroud)

感谢@jlmcdonald的回答,如下所示:Youtube嵌入播放列表diplay playall按钮而不是第一个视频

归档时间：	12 年，10 月前
查看次数：	18210 次
最近记录：	10 年，7 月前