ke-fullscreen.js

最新推荐文章于 2023-07-19 17:52:22 发布

全赞功成湿

最新推荐文章于 2023-07-19 17:52:22 发布

阅读量475

点赞数

分类专栏： js 文章标签： js fullscreen screenfull h5 html5

本文链接：https://blog.csdn.net/k358971707/article/details/78142436

版权

js 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

ke-fullscreen.js

This is a Javascript plug-in that can be used across browsers Fullscreen API.

repository

github

码云

Install

$ npm install --save ke-fullscreen

Support

Desktop

Feature	Chrome	Edge	Firefox	IE	Opera	Safari
Basic support	15	Yes	9.0	11	12.10	5.0
fullscreenEnabled	20	Yes	10.0	11	12.10	5.1

You can also visit Fullscreen API to learn more.

Simple to use

html

 <!-- import js -->
 <script src="ke-fullscreen.min.js"></script>
 <script>
     /* use
      * fullscreen as a global object.
      */
     console.log(fullscreen.isEnabled());
 </script>

css

/*
    The width and height of the dom which is passed into fullscreen.launch() as a parameter will be set to 100% in fullscreen mode.
    for example:
                fullscreen.launch(document.querySelector('#container')).
*/
#container:-webkit-full-screen {
    width: 100%;
    height: 100%;
}

#container:-moz-full-screen {
    width: 100%;
    height: 100%;
}

#container:-ms-fullscreen {
    width: 100%;
    height: 100%;
}

#container:fullscreen {
    width: 100%;
    height: 100%;
}