Javascript 框架中按钮的全屏显示

如何在我的网站上调用框架中的全屏模式？谢谢你

---

我相信你需要请求用户允许全屏显示。MDN post将更详细地介绍。如果你查看caniuse.com，你会发现有很多部分支持，一定要查看注意事项

根据MDN，您需要在元素上调用requestFullScreen

一些HTML：

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

---

不过，一定要仔细阅读文档，因为它提到了Gecko和Webkit浏览器之间一些有趣的CSS警告

全屏CSS伪类选择器用于选择以全屏模式显示的元素并设置其样式

---

警告：截至2019年1月3日，全屏api在iOS和android系统中不起作用。虽然这是事实，但这不是问题所在。

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