これが私のコードの簡略版です。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
ヌル