アクセスユーチューブのAPIインラインフレーム（ユーチューブビデオウェブサイト上の共有を使用して）

Question

どのように私はユーチューブのAPIにアクセスすることができます存在インラインフレーム（ユーチューブビデオウェブサイト上の共有を使用して）私のコードが存在すると：
<iframe id="welcome" width="100%" height="100%" src="SomeUrl" frameborder="0" allowfullscreen class="player"></iframe>

Answer 1

は、あなたがこのdocumentationを訪問することができます：

要件

ユーザーのブラウザがHTML5 postMessage機能をサポートしている必要があります。 最新のブラウザではpostMessageがサポートされていますが、インターネット エクスプローラ7ではサポートされていません。

埋め込みプレーヤーのビューポートは、少なくとも200x200ピクセルでなければなりません。 プレーヤーがコントロールを表示する場合は、 サイズ以下のビューポートを縮小せずにコントロールを完全に表示するには、十分に大きくなければなりません。 16：9のプレーヤーは少なくとも480ピクセルの幅に、270の ピクセルの高さにすることをお勧めします。

のIFrame APIを使用するすべてのウェブページには、 次のJavaScript関数を実装する必要があります。

• onYouTubeIframeAPIReady - ページは、プレイヤー API用のJavaScriptのダウンロードが終了したときにAPIがこの関数を呼び出しますこれにより、ページ上でAPIを使用することができます。したがって、この 関数は、 ページが読み込まれたときに表示するプレーヤーオブジェクトを作成することがあります。

Examplesも与えられた。

また、SO postを参考にしてください。

ここにJavaScriptがあります。

var player; 
function onYouTubeIframeAPIReady() { 
    video = document.getElementById('video0'); 
    player = new YT.Player(video, { 
     events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
      } 
     }) 
    } 
function onPlayerReady(e) { 
    console.log("hey Im ready"); 
    } 
function onPlayerStateChange(e) { 
    console.log(e) 
    }