document.querySelector('a#play-fullscreen').addEventListener('click', event => {
    var video = document.createElement('video')
    video.classList.add('player')
    video.src = 'https://pad.ma/' + film.id + '/480p.webm'
    video.controls = true
    document.querySelector('main').appendChild(video)
    video.style.display = 'none'
    function enterFullscreen(event) {
        video.requestFullscreen().catch(err => {
            console.log(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`);
        });
        video.removeEventListener('play', enterFullscreen);
        setTimeout(() => {
            video.style.display = 'block'
        }, 150)
    }
    video.addEventListener('play', enterFullscreen);
    video.addEventListener('fullscreenchange', event => {
        if (!document.fullscreen) {
            video.remove()
            if (document.fullscreenElement) {
                document.exitFullscreen();
            }
        }
    });
    video.addEventListener('pause', event => {
    })
    video.addEventListener('ended', event => {
        video.remove()
        if (document.fullscreenElement) {
            document.exitFullscreen();
        }
    });
    video.play()
    
    event.preventDefault()
    event.stopPropagation()
})