JSFiddle - React, Tailwind, and code Playground

by sandro_paganotti

HTML

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

CSS

#video{ position: relative; }
a{  position: absolute; top: 10px; right: 10px;
    border: 1px solid red; display: block; background: #FFF }

JavaScript

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