Fix video playback on iOS

Addy184 · Nov 18, 2019 · 2977972 · 2977972
1 parent 06945f4
commit 2977972
Showing 1 changed file with 16 additions and 9 deletions.
diff --git a/public/js/hlsPlayback.js b/public/js/hlsPlayback.js
@@ -1,15 +1,22 @@
 function playVideo(overlay) {
     const video = overlay.parentElement.querySelector('video');
+    const url = video.getAttribute("data-url");
     video.setAttribute("controls", "");
     overlay.style.display = "none";
 
-    const url = video.getAttribute("data-url");
-    var hls = new Hls({autoStartLoad: false});
-    hls.loadSource(url);
-    hls.attachMedia(video);
-    hls.on(Hls.Events.MANIFEST_PARSED, function () {
-        hls.loadLevel = hls.levels.length - 1;
-        hls.startLoad();
-        video.play();
-    });
+    if (Hls.isSupported()) {
+        var hls = new Hls({autoStartLoad: false});
+        hls.loadSource(url);
+        hls.attachMedia(video);
+        hls.on(Hls.Events.MANIFEST_PARSED, function () {
+            hls.loadLevel = hls.levels.length - 1;
+            hls.startLoad();
+            video.play();
+        });
+    } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
+        video.src = url;
+        video.addEventListened('canplay', function() {
+            video.play();
+        });
+    }
 }