Make fullscreen work on Safari.

b6a61656 · Juliusz Chroboczek · 9bb2499b · b6a61656
Commit b6a61656 authored Dec 05, 2020 by Juliusz Chroboczek
Hide whitespace changes
Inline Side-by-side

Showing with 7 additions and 1 deletion

static/sfu.js static/sfu.js +7 -1

No files found.
--- a/static/sfu.js
+++ b/static/sfu.js
@@ -1195,11 +1195,17 @@ function registerControlHandlers(media, container) {

    let fs = getVideoButton(container, 'fullscreen');
    if(fs) {
-        if(HTMLVideoElement.prototype.requestFullscreen) {
+        if(HTMLVideoElement.prototype.requestFullscreen ||
+           /** @ts-ignore */
+           HTMLVideoElement.prototype.webkitRequestFullscreen) {
            fs.onclick = function(e) {
                e.preventDefault();
                if(media.requestFullscreen) {
                    media.requestFullscreen();
+                /** @ts-ignore */
+                } else if(media.webkitRequestFullscreen) {
+                    /** @ts-ignore */
+                    media.webkitRequestFullscreen();
                } else {
                    displayWarning('Full screen not supported!');
                }