Improve autoplay

turrisxyz · Jan 13, 2020 · 66b2d36 · 66b2d36
1 parent 15979fe
commit 66b2d36
Showing 1 changed file with 44 additions and 4 deletions.
diff --git a/view/include/video.php b/view/include/video.php
@@ -173,11 +173,31 @@
                                                 }
                                                 try {
                                                     player.currentTime(<?php echo $currentTime; ?>);
-                                                    player.play();
+                                                    var promise = player.play();
+
+                                                    if (promise !== undefined) {
+                                                        promise.then(_ => {
+                                                        // Autoplay started!
+                                                        }).catch(error => {
+                                                            // Show something in the UI that the video is muted
+                                                            player.muted(true);
+                                                            player.play();
+                                                        });
+                                                    }
                                                 } catch (e) {
                                                     setTimeout(function () {
                                                         player.currentTime(<?php echo $currentTime; ?>);
-                                                        player.play();
+                                                        var promise = player.play();
+
+                                                        if (promise !== undefined) {
+                                                            promise.then(_ => {
+                                                            // Autoplay started!
+                                                            }).catch(error => {
+                                                                // Show something in the UI that the video is muted
+                                                                player.muted(true);
+                                                                player.play();
+                                                            });
+                                                        }
                                                     }, 1000);
                                                 }
                                             }, 150);
@@ -196,11 +216,31 @@
                                                         player = videojs('mainVideo'<?php echo PlayerSkins::getDataSetup(); ?>);
                                                     }
                                                     try {
-                                                        player.play();
+                                                        var promise = player.play();
+
+                                                        if (promise !== undefined) {
+                                                            promise.then(_ => {
+                                                            // Autoplay started!
+                                                            }).catch(error => {
+                                                                // Show something in the UI that the video is muted
+                                                                player.muted(true);
+                                                                player.play();
+                                                            });
+                                                        }
                                                     } catch (e) {
                                                         setTimeout(function () {
                                                             player.currentTime(<?php echo $currentTime; ?>);
-                                                            player.play();
+                                                            var promise = player.play();
+
+                                                            if (promise !== undefined) {
+                                                                promise.then(_ => {
+                                                                // Autoplay started!
+                                                                }).catch(error => {
+                                                                    // Show something in the UI that the video is muted
+                                                                    player.muted(true);
+                                                                    player.play();
+                                                                });
+                                                            }
                                                         }, 1000);
                                                     }
                                                 }, 150);