はてなブックマーク

本記事では、HTMLに埋め込んだYouTube動画プレーヤーを監視 ＆ その再生情報を取得してJavaScriptであれこれする方法についてまとめています。 機能実装には 「YouTube IFrame Player API」 を使用します。 （仕様の詳細は公式のリファレンスをご覧ください。） YouTube IFrame Player APIとは？ YouTubeさんが提供してくれている無料のAPIで、JavaScriptで制御可能な動画プレーヤーをウェブサイト上の任意の場所に <iframe> として配置するものです。 API経由で配置したYouTube動画については、動画プレーヤーの状態変化をイベントとして検知できるほか、JavaScriptでプレイヤーを直接操作することも可能。 再生 / 一時停止 / 再生終了の状態 再生位置（シークバー）の変化 再生速度、音量、画質の変化 などな