From 4af7d4659f581d4302ab0719be01ba39edd6b6a3 Mon Sep 17 00:00:00 2001 From: j Date: Mon, 25 Oct 2021 09:29:40 +0100 Subject: [PATCH] webkit needs -webkit-full-screen --- app/static/css/partials/_film.scss | 5 +++++ app/static/js/film.js | 1 + 2 files changed, 6 insertions(+) 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)