Makes HTML5 videos answer clicks and refresh their thumbnails like YouTube does.

youtube-like html5 video behavior

// developer console will mess with this (window.innerHeight). close it.
$(function(){
    $('video').on('ended',function(){
        // reload thumbnail
        this.autoplay = false;
        this.load();
    }).on('click',function(){
        // if no double click, change play state
        var innerHeight = window.innerHeight;
        var that = this;
        setTimeout(function(){
            if (window.innerHeight == innerHeight) {
                that.paused && that.play() || that.pause();
            }
        },300);
    }).on('dblclick',function(){
        // exit fullscreen
        if (window.innerHeight == screen.height) {
            var exitFs = document.exitFullscreen
                || document.webkitExitFullscreen
                || document.mozExitFullscreen
                || document.msExitFullscreen;
            exitFs.call(document);
            return;
        }
        // enter fullscreen
        var enterFs = this.requestFullscreen
            || this.webkitRequestFullscreen
            || this.mozRequestFullScreen
            || this.msRequestFullscreen;
        enterFs.call(this);
    });
});