Google chrome Chrome上类似vimeo.com的HTML5全屏

Google chrome Chrome上类似vimeo.com的HTML5全屏,google-chrome,fullscreen,mediaelement,mediaelement.js,Google Chrome,Fullscreen,Mediaelement,Mediaelement.js,今天通知vimeo在chrome上为您按下F11按钮! 我还没有找到任何关于它是如何工作的信息,但它很酷。 我现在正在使用mediaelement.js,他们是否计划实现这一点 要尝试在vimeo上打开视频,请确保您使用的是HTML5(帖子右下角,评论右上角),然后单击“切换到HTML5播放器” 在真正的全屏播放视频 Chrome开发频道现在提供 示例用法: <video width="300" src="movie.webm" controls></video> <

今天通知vimeo在chrome上为您按下F11按钮! 我还没有找到任何关于它是如何工作的信息,但它很酷。 我现在正在使用mediaelement.js,他们是否计划实现这一点

要尝试在vimeo上打开视频,请确保您使用的是HTML5(帖子右下角,评论右上角),然后单击“切换到HTML5播放器”
在真正的全屏播放视频

Chrome开发频道现在提供

示例用法:

<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();
}

变大!
函数enterFullscreen(){
var elem=document.querySelector('body');
elem.onwebkitfullscreenchange=函数(e){
log(“进入全屏!”);
elem.onwebkitfullscreenchange=onFullscreenExit;
};
elem.webkitRequestFullScreen();
}
有关用法,请参见本文,下面是API的一个示例