参考资料

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode

全屏插件

Screenful.js 是一个简单的跨平台的全屏API封装。它使不同浏览器的全屏实现变得很平滑。而且可以让任何元素全屏

备注：

在webkit浏览器中，全屏后，元素还是实际大小，周围是黑色的。原因及解决方法详见参考资料。

:-webkit-full-screen  {
  width: 100%;
  height: 100%;}

关于浏览器全屏