javascript - Youtube 嵌入的自动全屏

Question

我在网页上嵌入了一个 Youtube 视频。

是否可以在用户按下播放时让视频全屏显示，使用 HTML5 iframe with Youtube's API ？

不能使用 Chromeless 播放器，因为该网站是为 iPad 设计的。

Answer 1

2013 年 11 月更新:这是可能的 - 真正的全屏，而不是全窗口，使用以下技术。正如@chrisg 所说，YouTube JS API 没有“默认全屏”选项。

• 创建自定义播放按钮
• 使用 YouTube JS API 播放视频
• 使用HTML5全屏API让元素全屏

这是代码。

var $ = document.querySelector.bind(document);

// Once the user clicks a custom fullscreen button
$(playButtonClass).addEventListener('click', function(){
  // Play video and go fullscreen
  player.playVideo();

  var playerElement = $(playerWrapperClass);
  var requestFullScreen = playerElement.requestFullScreen || playerElement.mozRequestFullScreen || playerElement.webkitRequestFullScreen;
  if (requestFullScreen) {
    requestFullScreen.bind(playerElement)();
  }
})