HTML5全屏像Chrome上的vimeo.com

Question

今天通知Chrome上的vimeo为您推送F11按钮！ 我没有找到任何关于它如何工作的信息，但它非常酷。 我现在正在使用mediaelement.js，他们打算实现这个吗？

要尝试在vimeo上打开视频，请确保您使用的是HTML5（帖子右下方，评论的右上角），然后点击“切换到HTML5播放器” 以真实的全屏播放视频！

Answer 1

Chrome开发者频道现在附带fullscreen API

样本用法：

<video width="300" src="movie.webm" controls></video>
<button onclick="enterFullscreen()">Get Huge!</button>

function enterFullscreen() {
  var elem = document.querySelector('body');
  elem.onwebkitfullscreenchange = function(e) {
    console.log("Entered fullscreen!");
    elem.onwebkitfullscreenchange = onFullscreenExit;
  };
  elem.webkitRequestFullScreen();
}

有关使用情况，请参阅此slide deck，此处是实际使用的demo个。