使用JavaScript在Chromeless Player中的全屏选项

Question

我正在使用youtube JavaScript API来开发Chromeless Player。您能告诉我如何使用播放器上的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();
}