javascript - Javascriptを使用したChromelessプレーヤーのフルスクリーンオプション?

Question

Youtube Javascript API を使用してクロムレス プレーヤーを開発しています。プレーヤーでJavascriptを使用して「フルスクリーンコントロール」を追加/開発する方法を教えてください。

Answer 1

これは、現在 YouTube API に存在するものではありません。代わりに、JavaScript フルスクリーン API を使用して機能を提供できます。詳細は MDN のこちらにあります。

https://developer.mozilla.org/en-US/docs/DOM/Using_fullscreen_mode

コードサンプルは次のようになります

var player = new YT.player('#my-video');
// Once the user clicks a custom fullscreen button
var el = document.getElementById('#my-player-element-container');
if (el.requestFullScreen) {
  el.requestFullScreen();
} else if (el.mozRequestFullScreen) {
  el.mozRequestFullScreen();
} else if (el.webkitRequestFullScreen) {
  el.webkitRequestFullScreen();
}