JSFiddle - React, Tailwind, and code Playground

by himel023

HTML

<script src="https://raw.github.com/sindresorhus/screenfull.js/gh-pages/dist/screenfull.min.js"></script>
<div id="video">
    <video id="v" width="100%" src="http://sandropaganotti.com/wp-content/goodies/courses/HTML5/esempio7/mixer/movies/src/big_bunny.webm" autoplay></video><br/>
    <button>go full screen</button>
    <a href="#">Special link</a>
</div>

CSS

#video{ position: relative; }

button{
    position: absolute; top: 10px; right: 10px;
    border: 1px solid red; display: block; background: #FFF; 
    z-index: 2147483647;
  
}

JavaScript

$('button').click(function(){
    screenfull.request();
});