有没有办法让HTML5视频全屏显示？
有没有办法使用HTML5 <video>标签全屏播放视频？
如果这是不可能的，有没有人知道这一决定是否有原因？
回答 16
Stack Overflow用户
发布于 2014-05-19 06:45:10
许多现代web浏览器都实现了HTML，它允许您将全屏焦点放在某些FullScreen元素上。这对于在完全身临其境的环境中显示交互式媒体(如视频)非常有用。
要使full screen按钮工作，您需要设置另一个事件侦听器，该侦听器将在单击按钮时调用requestFullScreen()函数。为了确保这在所有支持的浏览器上都有效，您还需要检查requestFullScreen()是否可用，如果不可用，则回退到供应商的前缀版本(mozRequestFullScreen和webkitRequestFullscreen)。
var elem = document.getElementById("myvideo");
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
}参考：- https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode参考：- http://blog.teamtreehouse.com/building-custom-controls-for-html5-videos
Stack Overflow用户
发布于 2009-07-01 20:55:35
我认为，如果我们想要在浏览器中有一种开放的方式来观看视频，而不需要任何封闭的源代码插件(以及所有与flash插件历史相关的安全漏洞……)。标签必须找到激活全屏的方法..我们可以像flash一样处理它:要做全屏，它必须通过鼠标左键点击来激活，我的意思是ActionScript不可能在加载flash时启动全屏。
我希望我已经讲得足够清楚了:毕竟，我只是一个法国IT学生，而不是一个英国诗人:)
再见！
Stack Overflow用户
发布于 2014-04-02 15:22:48
来自CSS
video {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -100;
background: url(polina.jpg) no-repeat;
background-size: cover;
}https://stackoverflow.com/questions/1055214
复制相似问题