全面兼容 requestFullscreen

github

在线体验

对不支持requestFullscreen的设备用css模拟全屏容器

使用

<div id="full" style="width: 100%;">
  <button id="toggle">{}</button>
</div>

import Full from 'vs-full';

const full = new Full({
  // 需要全屏的容器
  el: document.querySelector('#full'),
  // 切换按钮
  toggle: document.querySelector('#toggle'),
  // 强制旋转
  forceRotate: false,
  // 自动旋转
  autoRotate: false,
  // 禁止滑动
  disableScroll: true,
});

参数

• Selector 为 querySelector 选择器 如：‘#ID’ ‘.CLASS’

事件

方法

注意

1. 如果 body 元素为 position:absolute; 请设置根元素的宽高