iframe에서 video 요소에 액세스 할 수 없습니다.

다음은 간단한 코드입니다. iframe 문서에 액세스하려고하면 'http://mydomain.com'의 원점을 가진 프레임이 "http://www.youtube.com"원점의 프레임에 액세스하지 못하게 차단됩니다. 프로토콜, 도메인 및 포트가 일치해야합니다. 'iframe에서 video 요소에 액세스 할 수 없습니다.

<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 콘솔 :

document.getElementById를 프레임 = ('플레이어')

frame.contentDocument

널

출처

2013-08-05 user2652604

사용자가 액세스 할 수없는 상단 창 (귀하의 도메인)에서 자식 창 (iframe - youtube)까지의 iframe, Th 교차 출처 정책에 위배됩니다.

출처

2013-08-05 12:37:34 udidu

iframe에서 video 요소에 액세스 할 수 없습니다.

답변

관련 문제