HTML5 全屏像 Chrome 上的 vimeo.com

【问题标题】：HTML5 Fullscreen Like vimeo.com on ChromeHTML5 全屏像 Chrome 上的 vimeo.com
【发布时间】：2011-10-04 08:47:32
【问题描述】：

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

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

【问题讨论】：

标签： google-chrome fullscreen mediaelement mediaelement.js

【解决方案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 了解用法，这里是 API 的demo 正在使用中。

【讨论】：