From 8a7a10f7d58978f0b953f09f1e0392c021ab835b Mon Sep 17 00:00:00 2001
From: Nitish Yadav <nitishy01@gmail.com>
Date: Mon, 14 Mar 2022 21:54:05 +0530
Subject: [PATCH] Hide play/pause & volume slider for mobile

Using custom controlPanelElements removes this default behavior.
So replicated it for consistency with before.
https://github.com/shaka-project/shaka-player/blob/main/ui/ui.js#L251-L255
---
 src/components/VideoPlayer.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
index ad8e946b..21e5e887 100644
--- a/src/components/VideoPlayer.vue
+++ b/src/components/VideoPlayer.vue
@@ -447,6 +447,12 @@ export default {
                     },
                 };
 
+                if (this.$ui.isMobile()) {
+                    config.controlPanelElements = config.controlPanelElements.filter(
+                        prop => prop != "play_pause" && prop != "volume",
+                    );
+                }
+
                 this.$ui.configure(config);
             }