H5全屏API操作视频

全屏

一般用于视频的全屏, 这里介绍的是关于视频的全屏

由于浏览器的兼容问题需要在方法的前面添加各大浏览器的内核名称

 

- 谷歌（webkit）
- 火狐（moz）
- IE（ms）
- 欧朋（o）

 

示例

// 元素全屏
元素对象.requestFullScreen();

// 元素退出全屏
document.cancelFullScreen();

// 检测是否全屏
document.screenElement();    返回值: null/元素对象

 

示例（添加内核）

 

元素对象.webkitRequestFullscreen();    // 谷歌
元素对象.mozRequestFullscreen();       // 火狐