include more info on film page

app/static/js/film.js

@@ -0,0 +1,38 @@
+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()
+})