Html5 全屏视频

Question

有什么办法吗？我想全屏播放视频。没有浏览器。设置宽度:100%； height:100%; 保持浏览器可见

Answer 1

不，目前还没有办法做到这一点。我希望他们在浏览器中添加这样的 future 。

编辑:

现在有一个Full Screen API对于网络 您可以在视频或 Canvas 元素上requestFullscreen 请求用户授予您权限并使其全屏显示。

让我们考虑这个元素:

<video controls id="myvideo">
  <source src="somevideo.webm"></source>
  <source src="somevideo.mp4"></source>
</video>

我们可以使用如下脚本将该视频置于全屏模式:

var elem = document.getElementById("myvideo");
if (elem.requestFullscreen) {
  elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) {
  elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
  elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { 
  elem.msRequestFullscreen();
}

Full documentation