diff --git a/app/static/css/partials/_film.scss b/app/static/css/partials/_film.scss
index a11cfe1..62d4737 100755
--- a/app/static/css/partials/_film.scss
+++ b/app/static/css/partials/_film.scss
@@ -182,3 +182,8 @@ main > .film {
   font-size: 12px;
   font-weight: 700;
 }
+
+video.player.fullscreen:-webkit-full-screen {
+  width: 100%;
+  height: 100%;
+}
diff --git a/app/static/js/film.js b/app/static/js/film.js
index 825a8bc..144a142 100644
--- a/app/static/js/film.js
+++ b/app/static/js/film.js
@@ -24,6 +24,7 @@ document.querySelector('a#play-fullscreen').addEventListener('click', event => {
     if (!video) {
         video = document.createElement('video')
         video.classList.add('player')
+        video.classList.add('fullscreen')
         setVideoSrc(video, 'https://pad.ma/' + film.id + '/480p.webm')
         video.controls = true
         document.querySelector('main').appendChild(video)