Html5全屏视频 [英] Html5 Full screen video

问题描述

有什么办法可以做到这一点？我想全屏播放视频。没有浏览器。设置宽度：100％;高度：100％; 保持浏览器可见

解决方案

不，没有办法做到这一点然而。我希望他们在浏览器中添加这样的未来。

编辑：

为网络全屏API 您可以在视频或画布元素上 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（）; 
} 
  

完整文档

Is there any way to do this? I wan to play video in full screen. Without browser. setting width:100%; height:100%; keep browser visible yet

解决方案

No, there is no way to do this yet. I wish they add a future like this in browsers.

EDIT:

Now there is a Full Screen API for the web You can requestFullscreen on an Video or Canvas element to ask user to give you permisions and make it full screen.

Let's consider this element:

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

We can put that video into fullscreen mode with script like this:

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

Full documentation

这篇关于Html5全屏视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！