From d60a8e1e0bb49bc05a3c16e93ea0c43e1a6fa321 Mon Sep 17 00:00:00 2001
From: root <root@git.maharshi.ninja>
Date: Wed, 21 Jul 2021 19:26:15 +0530
Subject: [PATCH] Backport "Fix for browsers without vp9"

See https://github.com/TeamPiped/Piped/commit/e4b24043ee7b1aa187f0b90b5d0bce5dc8a8c347
---
 src/components/Player.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index ef9285f..3124097 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -37,6 +37,14 @@ export default {
   computed: {
     shouldAutoPlay () {
       return this.$store.getters.getPreferenceBoolean('playerAutoPlay', true)
+    },
+
+    preferredVideoCodecs () {
+      const preferredVideoCodecs = []
+      if (this.$refs.videoEl.canPlayType('video/mp4; codecs="av01.0.08M.08"') !== '') { preferredVideoCodecs.push('av01') }
+      if (this.$refs.videoEl.canPlayType('video/webm; codecs="vp9"') !== '') preferredVideoCodecs.push('vp9')
+      if (this.$refs.videoEl.canPlayType('video/mp4; codecs="avc1.4d401f"') !== '') { preferredVideoCodecs.push('avc1') }
+      return preferredVideoCodecs
     }
   },
   methods: {
@@ -163,7 +171,7 @@ export default {
       const disableVideo = this.$store.getters.getPreferenceBoolean('listen', false) && !this.video.livestream
 
       this.player.configure({
-        preferredVideoCodecs: ['av01', 'vp9', 'avc1'],
+        preferredVideoCodecs: this.preferredVideoCodecs,
         preferredAudioCodecs: ['opus', 'mp4a'],
         manifest: {
           disableVideo: disableVideo