YouTubeの動画をJavaScriptで停止する方法【サンプルコード付き】

YouTubeの動画をJavaScriptで停止するには、埋め込みプレーヤーへの有効な参照（リファレンス）を取得する必要があります。まず、Firebugなどのブラウザ開発者ツールでページを調査し、HTML DOM要素のID（この例では「playerid」）を確認して、プレーヤーを特定しましょう。

プレーヤーの埋め込み例

以下は、JavaScript APIを有効にした状態でYouTubeプレーヤーを埋め込むコードの例です。

<embed id="player_id" width="100%" height="100%" allowfullscreen="true"
    allowscriptaccess="always" quality="high" bgcolor="#FFFFFFF" name="playerid"
    src="https://www.youtube.com/apiplayerbeta?enablejsapi=1&amp;playerapiid=normalplayer"
    type="application/x-shockwave-flash">

JavaScriptで動画を停止するコード

動画を停止するには、getElementById()でプレーヤーへの参照（player_id）を取得し、stopVideo()メソッドを呼び出します。具体的には、以下のコードスニペットを試してみてください。

var player = document.getElementById('player_id');
player.stopVideo();

動作のポイント

この方法が機能するための重要なポイントは、埋め込みURLにenablejsapi=1パラメータが含まれていることです。このパラメータによってYouTubeのJavaScript Player APIが有効になり、stopVideo()やplayVideo()などのAPIメソッドを外部のJavaScriptから呼び出せるようになります。

また、現在推奨されているiframe形式の埋め込みプレーヤーを利用している場合は、IFrame Player APIを使用するか、postMessage経由でプレーヤーを制御することで、同様に動画の再生・停止を操作できます。