Question

这是我的代码的简化版本。当我尝试访问iframe文档时，我从访问具有原点“http://mydomain.com”的框架中“阻止了具有原点的框架”http://www.youtube.com“。协议，域和端口必须匹配。'

<html>
  <body>
    <iframe id="player" type="text/html" width="640" height="390"
      src="http://www.youtube.com/embed/P5_GlAOCHyE?enablejsapi=1&html5=1"
        frameborder="0"></iframe>
    <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', {
          events: {
          }
        });
      }
    </script>
  </body>
</html>

JS控制台：

frame = document.getElementById（'player'）

frame.contentDocument

空

Answer 1

您无法从顶部窗口（您的域）访问iframe到子窗口（iframe - youtube），这会违反交叉来源政策。

无法从iframe访问视频元素

1 个答案: