https://github.com/deebloo/full-screen

Vanilla web component for full screen api
https://github.com/deebloo/full-screen

Last synced: 15 days ago
JSON representation

Vanilla web component for full screen api

• Host: GitHub
• URL: https://github.com/deebloo/full-screen
• Owner: deebloo
• License: mit
• Created: 2016-02-16T12:22:29.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2023-12-15T20:19:36.000Z (about 1 year ago)
• Last Synced: 2024-12-07T09:20:05.065Z (27 days ago)
• Language: JavaScript
• Size: 78.1 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# full-screen

Vanilla Web Component for the HTML5 full screen API. [Demo](http://deebloo.github.io/full-screen/)

##### Installation

```

npm i --save full-screen

bower install --save full-screen

```

#### Properties

| Name           | Description |

| -------------- | ------------- |

| target         | The target item that should be full screened. if none is provided it will full screen the whole page |

#### Example

```HTML

    

    

    

    

    

    

        Full Screen Video

    

    

    

        Full Screen Whole Page

    

```

#### Dynamic

To dynamically add new Full Screen element.

```JS

var createFullScreen = require('full-screen/full-screen'); // or available by 'createFullScreen' on window if not using modules

var fullScreen = createFullScreen({

    target = "#my-element"

});

document.appendElement(fullScreen);

```