diff --git a/.stylelintrc.json b/.stylelintrc.json
index e32dc52314fb9..8b2065bb53ec6 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -26,7 +26,7 @@
     "selector-pseudo-class-no-unknown": [
       true,
       {
-        "ignorePseudoClasses": ["deep"]
+        "ignorePseudoClasses": ["deep", "global"]
       }
     ],
     "a11y/no-outline-none": true,
diff --git a/_scripts/_domParser.js b/_scripts/_domParser.js
deleted file mode 100644
index 36d81182b9282..0000000000000
--- a/_scripts/_domParser.js
+++ /dev/null
@@ -1,5 +0,0 @@
-const DOMParser = window.DOMParser
-
-export {
-  DOMParser
-}
diff --git a/_scripts/dev-runner.js b/_scripts/dev-runner.js
index 9983371dc10f1..6b083cb6cc9ed 100644
--- a/_scripts/dev-runner.js
+++ b/_scripts/dev-runner.js
@@ -19,10 +19,14 @@ const web = process.argv.indexOf('--web') !== -1
 let mainConfig
 let rendererConfig
 let webConfig
+let SHAKA_LOCALES_TO_BE_BUNDLED
 
 if (!web) {
   mainConfig = require('./webpack.main.config')
   rendererConfig = require('./webpack.renderer.config')
+
+  SHAKA_LOCALES_TO_BE_BUNDLED = rendererConfig.SHAKA_LOCALES_TO_BE_BUNDLED
+  delete rendererConfig.SHAKA_LOCALES_TO_BE_BUNDLED
 } else {
   webConfig = require('./webpack.web.config')
 }
@@ -128,17 +132,27 @@ function startRenderer(callback) {
   })
 
   const server = new WebpackDevServer({
-    static: {
-      directory: path.resolve(__dirname, '..', 'static'),
-      watch: {
-        ignored: [
-          /(dashFiles|storyboards)\/*/,
-          '/**/.DS_Store',
-          '**/static/locales/*'
-        ]
+    static: [
+      {
+        directory: path.resolve(__dirname, '..', 'static'),
+        watch: {
+          ignored: [
+            /(dashFiles|storyboards)\/*/,
+            '/**/.DS_Store',
+            '**/static/locales/*'
+          ]
+        },
+        publicPath: '/static'
       },
-      publicPath: '/static'
-    },
+      {
+        directory: path.resolve(__dirname, '..', 'node_modules', 'shaka-player', 'ui', 'locales'),
+        publicPath: '/static/shaka-player-locales',
+        watch: {
+          // Ignore everything that isn't one of the locales that we would bundle in production mode
+          ignored: `**/!(${SHAKA_LOCALES_TO_BE_BUNDLED.join('|')}).json`
+        }
+      }
+    ],
     port
   }, compiler)
 
diff --git a/_scripts/getShakaLocales.js b/_scripts/getShakaLocales.js
new file mode 100644
index 0000000000000..5e495bcd3c930
--- /dev/null
+++ b/_scripts/getShakaLocales.js
@@ -0,0 +1,114 @@
+const { readFileSync, readdirSync } = require('fs')
+
+function getPreloadedLocales() {
+  const localesFile = readFileSync(`${__dirname}/../node_modules/shaka-player/dist/locales.js`, 'utf-8')
+
+  const localesLine = localesFile.match(/^\/\/ LOCALES: ([\w, -]+)$/m)
+
+  if (!localesLine) {
+    throw new Error("Failed to parse shaka-player's preloaded locales")
+  }
+
+  return localesLine[1].split(',').map(locale => locale.trim())
+}
+
+function getAllLocales() {
+  const filenames = readdirSync(`${__dirname}/../node_modules/shaka-player/ui/locales`)
+
+  return new Set(filenames
+    .filter(filename => filename !== 'source.json' && filename.endsWith('.json'))
+    .map(filename => filename.replace('.json', '')))
+}
+
+/**
+ * Maps the shaka locales to FreeTube's active ones
+ * This allows us to know which locale files are actually needed
+ * and which shaka locale needs to be activated for a given FreeTube one.
+ * @param {Set<string>} shakaLocales
+ * @param {string[]} freeTubeLocales
+ */
+function getMappings(shakaLocales, freeTubeLocales) {
+  /**
+   * @type {[string, string][]}
+   * Using this structure as it gets passed to `new Map()` in the player component
+   * The first element is the FreeTube locale, the second one is the shaka-player one
+   **/
+  const mappings = []
+
+  for (const locale of freeTubeLocales) {
+    if (shakaLocales.has(locale)) {
+      mappings.push([
+        locale,
+        locale
+      ])
+    } else if (shakaLocales.has(locale.replace('_', '-'))) {
+      mappings.push([
+        locale,
+        locale.replace('_', '-')
+      ])
+    } else if (shakaLocales.has(locale.split(/[-_]/)[0])) {
+      mappings.push([
+        locale,
+        locale.split(/[-_]/)[0]
+      ])
+    }
+  }
+
+  // special cases
+
+  mappings.push(
+    // according to https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
+    // "no" is the macro language for "nb" and "nn"
+    [
+      'nb_NO',
+      'no'
+    ],
+    [
+      'nn',
+      'no'
+    ],
+
+    // according to https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
+    // "iw" is the old/original code for Hebrew, these days it's "he"
+    [
+      'he',
+      'iw'
+    ],
+
+    // not sure why we have pt, pt-PT and pt-BR in the FreeTube locales
+    // as pt and pt-PT are the same thing, but we should handle it here anyway
+    [
+      'pt',
+      'pt-PT'
+    ]
+  )
+
+  return mappings
+}
+
+function getShakaLocales() {
+  const shakaLocales = getAllLocales()
+
+  /** @type {string[]} */
+  const freeTubeLocales = JSON.parse(readFileSync(`${__dirname}/../static/locales/activeLocales.json`, 'utf-8'))
+
+  const mappings = getMappings(shakaLocales, freeTubeLocales)
+
+  const preloaded = getPreloadedLocales()
+
+  const shakaMappings = mappings.map(mapping => mapping[1])
+
+  // use a set to deduplicate the list
+  // we don't need to bundle any locale files that are already embedded in shaka-player/preloaded
+
+  /** @type {string[]} */
+  const toBeBundled = [...new Set(shakaMappings.filter(locale => !preloaded.includes(locale)))]
+
+  return {
+    SHAKA_LOCALE_MAPPINGS: mappings,
+    SHAKA_LOCALES_PREBUNDLED: preloaded,
+    SHAKA_LOCALES_TO_BE_BUNDLED: toBeBundled
+  }
+}
+
+module.exports = getShakaLocales()
diff --git a/_scripts/patchShaka.mjs b/_scripts/patchShaka.mjs
new file mode 100644
index 0000000000000..b497a0e89cf5c
--- /dev/null
+++ b/_scripts/patchShaka.mjs
@@ -0,0 +1,135 @@
+// This script fixes shaka not exporting its type definitions and referencing remote google fonts in its CSS
+// by adding an export line to the type definitions and downloading the fonts and updating the CSS to point to the local files
+// this script only makes changes if they are needed, so running it multiple times doesn't cause any problems
+
+import { appendFileSync, closeSync, ftruncateSync, openSync, readFileSync, writeFileSync, writeSync } from 'fs'
+import { resolve } from 'path'
+
+const SHAKA_DIST_DIR = resolve(import.meta.dirname, '../node_modules/shaka-player/dist')
+
+function fixTypes() {
+  let fixedTypes = false
+
+  let fileHandleNormal
+  try {
+    fileHandleNormal = openSync(`${SHAKA_DIST_DIR}/shaka-player.ui.d.ts`, 'a+')
+
+    const contents = readFileSync(fileHandleNormal, 'utf-8')
+
+    // This script is run after every `yarn install`, even if shaka-player wasn't updated
+    // So we want to check first, if we actually need to make any changes
+    // or if the ones from the previous run are still intact
+    if (!contents.includes('export default shaka')) {
+      appendFileSync(fileHandleNormal, 'export default shaka;\n')
+
+      fixedTypes = true
+    }
+  } finally {
+    if (typeof fileHandleNormal !== 'undefined') {
+      closeSync(fileHandleNormal)
+    }
+  }
+
+  let fileHandleDebug
+  try {
+    fileHandleDebug = openSync(`${SHAKA_DIST_DIR}/shaka-player.ui.debug.d.ts`, 'a+')
+
+    const contents = readFileSync(fileHandleDebug, 'utf-8')
+
+    // This script is run after every `yarn install`, even if shaka-player wasn't updated
+    // So we want to check first, if we actually need to make any changes
+    // or if the ones from the previous run are still intact
+    if (!contents.includes('export default shaka')) {
+      appendFileSync(fileHandleDebug, 'export default shaka;\n')
+
+      fixedTypes = true
+    }
+  } finally {
+    if (typeof fileHandleDebug !== 'undefined') {
+      closeSync(fileHandleDebug)
+    }
+  }
+
+  if (fixedTypes) {
+    console.log('Fixed shaka-player types')
+  }
+}
+
+async function removeRobotoFont() {
+  let cssFileHandle
+  try {
+    cssFileHandle = openSync(`${SHAKA_DIST_DIR}/controls.css`, 'r+')
+
+    let cssContents = readFileSync(cssFileHandle, 'utf-8')
+
+    const beforeReplacement = cssContents.length
+    cssContents = cssContents.replace(/@font-face\{font-family:Roboto;[^}]+\}/, '')
+
+    if (cssContents.length !== beforeReplacement) {
+      ftruncateSync(cssFileHandle)
+      writeSync(cssFileHandle, cssContents, 0, 'utf-8')
+
+      console.log('Removed shaka-player Roboto font, so it uses ours')
+    }
+  } finally {
+    if (typeof cssFileHandle !== 'undefined') {
+      closeSync(cssFileHandle)
+    }
+  }
+}
+
+async function replaceAndDownloadMaterialIconsFont() {
+  let cssFileHandle
+  try {
+    cssFileHandle = openSync(`${SHAKA_DIST_DIR}/controls.css`, 'r+')
+
+    let cssContents = readFileSync(cssFileHandle, 'utf-8')
+
+    const fontFaceRegex = /@font-face{font-family:'Material Icons Round'[^}]+format\('opentype'\)}/
+
+    if (fontFaceRegex.test(cssContents)) {
+      const cssResponse = await fetch('https://fonts.googleapis.com/icon?family=Material+Icons+Round', {
+        headers: {
+          // Without the user-agent it returns the otf file instead of the woff2 one
+          'user-agent': 'Firefox/125.0'
+        }
+      })
+
+      const text = await cssResponse.text()
+
+      let newFontCSS = text.match(/(@font-face\s*{[^}]+})/)[1].replaceAll('\n', '')
+
+
+      const urlMatch = newFontCSS.match(/https:\/\/fonts\.gstatic\.com\/s\/materialiconsround\/(?<version>[^\/]+)\/[^.]+\.(?<extension>[\w]+)/)
+
+      const url = urlMatch[0]
+      const { version, extension } = urlMatch.groups
+
+      const fontResponse = await fetch(url)
+      const fontContent = new Uint8Array(await fontResponse.arrayBuffer())
+
+      const filename = `shaka-materialiconsround-${version}.${extension}`
+      writeFileSync(`${SHAKA_DIST_DIR}/${filename}`, fontContent)
+
+      newFontCSS = newFontCSS.replace(url, `./${filename}`)
+
+      cssContents = cssContents.replace(fontFaceRegex, newFontCSS)
+
+      ftruncateSync(cssFileHandle)
+      writeSync(cssFileHandle, cssContents, 0, 'utf-8')
+
+      console.log('Changed shaka-player Material Icons Rounded font to use the smaller woff2 format instead of otf')
+      console.log('Downloaded shaka-player Material Icons Rounded font')
+    }
+  } catch (e) {
+    console.error(e)
+  } finally {
+    if (typeof cssFileHandle !== 'undefined') {
+      closeSync(cssFileHandle)
+    }
+  }
+}
+
+fixTypes()
+await removeRobotoFont()
+await replaceAndDownloadMaterialIconsFont()
diff --git a/_scripts/webpack.renderer.config.js b/_scripts/webpack.renderer.config.js
index 6d5c90c66d47e..c1b813816b867 100644
--- a/_scripts/webpack.renderer.config.js
+++ b/_scripts/webpack.renderer.config.js
@@ -7,6 +7,11 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
 const ProcessLocalesPlugin = require('./ProcessLocalesPlugin')
 const CopyWebpackPlugin = require('copy-webpack-plugin')
+const {
+  SHAKA_LOCALE_MAPPINGS,
+  SHAKA_LOCALES_PREBUNDLED,
+  SHAKA_LOCALES_TO_BE_BUNDLED
+} = require('./getShakaLocales')
 
 const isDevMode = process.env.NODE_ENV === 'development'
 
@@ -122,7 +127,9 @@ const config = {
       'process.env.SUPPORTS_LOCAL_API': true,
       'process.env.LOCALE_NAMES': JSON.stringify(processLocalesPlugin.localeNames),
       'process.env.GEOLOCATION_NAMES': JSON.stringify(readdirSync(path.join(__dirname, '..', 'static', 'geolocations')).map(filename => filename.replace('.json', ''))),
-      'process.env.SWIPER_VERSION': `'${swiperVersion}'`
+      'process.env.SWIPER_VERSION': `'${swiperVersion}'`,
+      'process.env.SHAKA_LOCALE_MAPPINGS': JSON.stringify(SHAKA_LOCALE_MAPPINGS),
+      'process.env.SHAKA_LOCALES_PREBUNDLED': JSON.stringify(SHAKA_LOCALES_PREBUNDLED)
     }),
     new HtmlWebpackPlugin({
       excludeChunks: ['processTaskWorker'],
@@ -143,7 +150,21 @@ const config = {
           transformAll: (assets) => {
             return Buffer.concat(assets.map(asset => asset.data))
           }
-        }
+        },
+        // Don't need to copy them in dev mode,
+        // as we configure WebpackDevServer to serve them
+        ...(isDevMode ? [] : [
+          {
+            from: path.join(__dirname, '../node_modules/shaka-player/ui/locales', `{${SHAKA_LOCALES_TO_BE_BUNDLED.join(',')}}.json`).replaceAll('\\', '/'),
+            to: path.join(__dirname, '../dist/static/shaka-player-locales'),
+            context: path.join(__dirname, '../node_modules/shaka-player/ui/locales'),
+            transform: {
+              transformer: (input) => {
+                return JSON.stringify(JSON.parse(input.toString('utf-8')))
+              }
+            }
+          }
+        ])
       ]
     })
   ],
@@ -156,14 +177,18 @@ const config = {
 
       'youtubei.js$': 'youtubei.js/web',
 
-      // video.js's mpd-parser uses @xmldom/xmldom so that it can support both node and web browsers
-      // as FreeTube only runs in electron and web browsers we can use the native DOMParser class, instead of the "polyfill"
-      // https://caniuse.com/mdn-api_domparser
-      '@xmldom/xmldom$': path.resolve(__dirname, '_domParser.js')
+      // change to "shaka-player.ui.debug.js" to get debug logs (update jsconfig to get updated types)
+      'shaka-player$': 'shaka-player/dist/shaka-player.ui.js',
     },
     extensions: ['.js', '.vue']
   },
   target: 'electron-renderer',
 }
 
+if (isDevMode) {
+  // hack to pass it through to the dev-runner.js script
+  // gets removed there before the config object is passed to webpack
+  config.SHAKA_LOCALES_TO_BE_BUNDLED = SHAKA_LOCALES_TO_BE_BUNDLED
+}
+
 module.exports = config
diff --git a/_scripts/webpack.web.config.js b/_scripts/webpack.web.config.js
index abbd517891e87..75f2ccd846c8b 100644
--- a/_scripts/webpack.web.config.js
+++ b/_scripts/webpack.web.config.js
@@ -8,6 +8,11 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const JsonMinimizerPlugin = require('json-minimizer-webpack-plugin')
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
 const ProcessLocalesPlugin = require('./ProcessLocalesPlugin')
+const {
+  SHAKA_LOCALE_MAPPINGS,
+  SHAKA_LOCALES_PREBUNDLED,
+  SHAKA_LOCALES_TO_BE_BUNDLED
+} = require('./getShakaLocales')
 
 const isDevMode = process.env.NODE_ENV === 'development'
 
@@ -116,19 +121,7 @@ const config = {
       'process.env.IS_ELECTRON': false,
       'process.env.IS_ELECTRON_MAIN': false,
       'process.env.SUPPORTS_LOCAL_API': false,
-      'process.env.SWIPER_VERSION': `'${swiperVersion}'`,
-
-      // video.js' vhs-utils supports both atob() in web browsers and Buffer in node
-      // As the FreeTube web build only runs in web browsers, we can override their check for atob() here: https://github.com/videojs/vhs-utils/blob/main/src/decode-b64-to-uint8-array.js#L3
-      // overriding that check means we don't need to include a Buffer polyfill
-      // https://caniuse.com/atob-btoa
-
-      // NOTE FOR THE FUTURE: this override won't work with vite as their define does a find and replace in the code for production builds,
-      // but uses globals in development builds to save build time, so this would replace the actual atob() function with true if used with vite
-      // this works in webpack as webpack does a find and replace in the source code for both development and production builds
-      // https://vitejs.dev/config/shared-options.html#define
-      // https://webpack.js.org/plugins/define-plugin/
-      'window.atob': true
+      'process.env.SWIPER_VERSION': `'${swiperVersion}'`
     }),
     new webpack.ProvidePlugin({
       process: 'process/browser'
@@ -163,10 +156,8 @@ const config = {
 
       DB_HANDLERS_ELECTRON_RENDERER_OR_WEB$: path.resolve(__dirname, '../src/datastores/handlers/web.js'),
 
-      // video.js's mpd-parser uses @xmldom/xmldom so that it can support both node and web browsers
-      // As FreeTube only runs in electron and web browsers, we can use the native DOMParser class, instead of the "polyfill"
-      // https://caniuse.com/mdn-api_domparser
-      '@xmldom/xmldom$': path.resolve(__dirname, '_domParser.js')
+      // change to "shaka-player.ui.debug.js" to get debug logs (update jsconfig to get updated types)
+      'shaka-player$': 'shaka-player/dist/shaka-player.ui.js',
     },
     fallback: {
       'fs/promises': path.resolve(__dirname, '_empty.js'),
@@ -188,7 +179,9 @@ config.plugins.push(
   processLocalesPlugin,
   new webpack.DefinePlugin({
     'process.env.LOCALE_NAMES': JSON.stringify(processLocalesPlugin.localeNames),
-    'process.env.GEOLOCATION_NAMES': JSON.stringify(fs.readdirSync(path.join(__dirname, '..', 'static', 'geolocations')).map(filename => filename.replace('.json', '')))
+    'process.env.GEOLOCATION_NAMES': JSON.stringify(fs.readdirSync(path.join(__dirname, '..', 'static', 'geolocations')).map(filename => filename.replace('.json', ''))),
+    'process.env.SHAKA_LOCALE_MAPPINGS': JSON.stringify(SHAKA_LOCALE_MAPPINGS),
+    'process.env.SHAKA_LOCALES_PREBUNDLED': JSON.stringify(SHAKA_LOCALES_PREBUNDLED)
   }),
   new CopyWebpackPlugin({
       patterns: [
@@ -203,7 +196,12 @@ config.plugins.push(
             dot: true,
             ignore: ['**/.*', '**/locales/**', '**/pwabuilder-sw.js', '**/dashFiles/**', '**/storyboards/**'],
           },
-        },
+      },
+      {
+        from: path.join(__dirname, '../node_modules/shaka-player/ui/locales', `{${SHAKA_LOCALES_TO_BE_BUNDLED.join(',')}}.json`).replaceAll('\\', '/'),
+        to: path.join(__dirname, '../dist/web/static/shaka-player-locales'),
+        context: path.join(__dirname, '../node_modules/shaka-player/ui/locales')
+      }
     ]
   })
 )
diff --git a/jsconfig.json b/jsconfig.json
index 3dd46670d49e2..dad8a794996bf 100644
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -9,6 +9,9 @@
       "DB_HANDLERS_ELECTRON_RENDERER_OR_WEB": [
         "src/datastores/handlers/electron",
         "src/datastores/handlers/web"
+      ],
+      "shaka-player": [
+        "./node_modules/shaka-player/dist/shaka-player.ui"
       ]
     }
   }
diff --git a/package.json b/package.json
index 8c553ec97abb2..ac0892ee3db35 100644
--- a/package.json
+++ b/package.json
@@ -19,19 +19,20 @@
     "url": "https://github.com/FreeTubeApp/FreeTube/issues"
   },
   "scripts": {
-    "build": "run-s rebuild:electron pack build-release",
-    "build:arm64": "run-s rebuild:electron pack build-release:arm64",
-    "build:arm32": "run-s rebuild:electron pack build-release:arm32",
+    "build": "run-s rebuild:electron patch-shaka pack build-release",
+    "build:arm64": "run-s rebuild:electron patch-shaka pack build-release:arm64",
+    "build:arm32": "run-s rebuild:electron patch-shaka pack build-release:arm32",
     "build-release": "node _scripts/build.js",
     "build-release:arm64": "node _scripts/build.js arm64",
     "build-release:arm32": "node _scripts/build.js arm32",
     "clean": "rimraf build/ dist/",
-    "debug": "run-s rebuild:electron debug-runner",
+    "debug": "run-s rebuild:electron patch-shaka debug-runner",
     "debug-runner": "node _scripts/dev-runner.js --remote-debug",
-    "dev": "run-s rebuild:electron dev-runner",
+    "dev": "run-s rebuild:electron patch-shaka dev-runner",
     "dev:web": "node _scripts/dev-runner.js --web",
     "dev-runner": "node _scripts/dev-runner.js",
     "get-instances": "node _scripts/getInstances.js",
+    "patch-shaka": "node _scripts/patchShaka.mjs",
     "get-regions": "node _scripts/getRegions.mjs",
     "lint-all": "run-p lint lint-json",
     "lint": "run-p eslint-lint lint-style",
@@ -46,7 +47,7 @@
     "pack:main": "webpack --mode=production --node-env=production --config _scripts/webpack.main.config.js",
     "pack:renderer": "webpack --mode=production --node-env=production --config _scripts/webpack.renderer.config.js",
     "pack:web": "webpack --mode=production --node-env=production --config _scripts/webpack.web.config.js",
-    "postinstall": "yarn run --silent rebuild:electron",
+    "postinstall": "run-s --silent rebuild:electron patch-shaka",
     "prettier": "prettier --write \"{src,_scripts}/**/*.{js,vue}\"",
     "rebuild:electron": "electron-builder install-app-deps",
     "release": "run-s test build",
@@ -59,7 +60,6 @@
     "@fortawesome/free-solid-svg-icons": "^6.6.0",
     "@fortawesome/vue-fontawesome": "^2.0.10",
     "@seald-io/nedb": "^4.0.4",
-    "@silvermine/videojs-quality-selector": "^1.3.1",
     "autolinker": "^4.0.0",
     "electron-context-menu": "^4.0.2",
     "lodash.debounce": "^4.0.8",
@@ -67,13 +67,8 @@
     "path-browserify": "^1.0.1",
     "portal-vue": "^2.1.7",
     "process": "^0.11.10",
+    "shaka-player": "^4.10.12",
     "swiper": "^11.1.10",
-    "video.js": "7.21.5",
-    "videojs-contrib-quality-levels": "^3.0.0",
-    "videojs-http-source-selector": "^1.1.6",
-    "videojs-mobile-ui": "^0.8.0",
-    "videojs-overlay": "^3.1.0",
-    "videojs-vtt-thumbnails-freetube": "0.0.15",
     "vue": "^2.7.16",
     "vue-i18n": "^8.28.2",
     "vue-observe-visibility": "^1.0.0",
diff --git a/src/constants.js b/src/constants.js
index cf50e91b83a72..490c8d67771a5 100644
--- a/src/constants.js
+++ b/src/constants.js
@@ -34,8 +34,6 @@ const IpcChannels = {
   GET_REPLACE_HTTP_CACHE: 'get-replace-http-cache',
   TOGGLE_REPLACE_HTTP_CACHE: 'toggle-replace-http-cache',
 
-  SHOW_VIDEO_STATISTICS: 'show-video-statistics',
-
   PLAYER_CACHE_GET: 'player-cache-get',
   PLAYER_CACHE_SET: 'player-cache-set',
 
diff --git a/src/main/index.js b/src/main/index.js
index 5defe0157f526..7e8fca67846da 100644
--- a/src/main/index.js
+++ b/src/main/index.js
@@ -57,13 +57,6 @@ function runApp() {
     showSelectAll: false,
     showCopyLink: false,
     prepend: (defaultActions, parameters, browserWindow) => [
-      {
-        label: 'Show / Hide Video Statistics',
-        visible: parameters.mediaType === 'video',
-        click: () => {
-          browserWindow.webContents.send(IpcChannels.SHOW_VIDEO_STATISTICS)
-        }
-      },
       {
         label: 'Open in a New Window',
         // Only show the option for in-app URLs and not external ones
@@ -407,7 +400,7 @@ function runApp() {
       urls: ['https://*/*', 'http://*/*'],
       types: ['xhr', 'media', 'image']
     }
-    session.defaultSession.webRequest.onBeforeSendHeaders(onBeforeSendHeadersRequestFilter, ({ requestHeaders, url, resourceType, webContents }, callback) => {
+    session.defaultSession.webRequest.onBeforeSendHeaders(onBeforeSendHeadersRequestFilter, ({ requestHeaders, url, webContents }, callback) => {
       const urlObj = new URL(url)
 
       if (url.startsWith('https://www.youtube.com/youtubei/')) {
@@ -440,38 +433,6 @@ function runApp() {
 
         // YouTube doesn't send the Content-Type header for the media requests, so we shouldn't either
         delete requestHeaders['Content-Type']
-
-        // YouTube throttles the adaptive formats if you request a chunk larger than 10MiB.
-        // For the DASH formats we are fine as video.js doesn't seem to ever request chunks that big.
-        // The legacy formats don't have any chunk size limits.
-        // For the audio formats we need to handle it ourselves, as the browser requests the entire audio file,
-        // which means that for most videos that are longer than 10 mins, we get throttled, as the audio track file sizes surpass that 10MiB limit.
-
-        // This code checks if the file is larger than the limit, by checking the `clen` query param,
-        // which YouTube helpfully populates with the content length for us.
-        // If it does surpass that limit, it then checks if the requested range is larger than the limit
-        // (seeking right at the end of the video, would result in a small enough range to be under the chunk limit)
-        // if that surpasses the limit too, it then limits the requested range to 10MiB, by setting the range to `start-${start + 10MiB}`.
-        if (resourceType === 'media' && urlObj.searchParams.get('mime')?.startsWith('audio/') && requestHeaders.Range) {
-          const TEN_MIB = 10 * 1024 * 1024
-
-          const contentLength = parseInt(new URL(url).searchParams.get('clen'))
-
-          if (contentLength > TEN_MIB) {
-            const [startStr, endStr] = requestHeaders.Range.split('=')[1].split('-')
-
-            const start = parseInt(startStr)
-
-            // handle open ended ranges like `0-` and `1234-`
-            const end = endStr.length === 0 ? contentLength : parseInt(endStr)
-
-            if (end - start > TEN_MIB) {
-              const newEnd = start + TEN_MIB
-
-              requestHeaders.Range = `bytes=${start}-${newEnd}`
-            }
-          }
-        }
       } else if (webContents) {
         const invidiousAuthorization = invidiousAuthorizations.get(webContents.id)
 
@@ -479,7 +440,6 @@ function runApp() {
           requestHeaders.Authorization = invidiousAuthorization.authorization
         }
       }
-
       // eslint-disable-next-line n/no-callback-literal
       callback({ requestHeaders })
     })
@@ -623,8 +583,8 @@ function runApp() {
         return 'text/javascript'
       case 'ttf':
         return 'font/ttf'
-      case 'woff':
-        return 'font/woff'
+      case 'woff2':
+        return 'font/woff2'
       case 'svg':
         return 'image/svg+xml'
       case 'png':
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 759c91240926e..93d14723725e7 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -110,5 +110,4 @@
 <script src="./App.js" />
 
 <style src="./themes.css" />
-<style src="./videoJS.css" />
 <style scoped src="./App.css" />
diff --git a/src/renderer/assets/font/VideoJS.woff b/src/renderer/assets/font/VideoJS.woff
deleted file mode 100644
index 4b846ae5e0363..0000000000000
Binary files a/src/renderer/assets/font/VideoJS.woff and /dev/null differ
diff --git a/src/renderer/assets/img/camera.svg b/src/renderer/assets/img/camera.svg
deleted file mode 100644
index 13a3c85c4f774..0000000000000
--- a/src/renderer/assets/img/camera.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="26" height="26" viewBox="0 0 24 24"
-  stroke-width="1.5"
-  stroke="#ffffff"
-  fill="none"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <path d="M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2" />
-  <circle cx="12" cy="13" r="3" />
-</svg>
diff --git a/src/renderer/assets/img/close_fullwindow.svg b/src/renderer/assets/img/close_fullwindow.svg
deleted file mode 100644
index fc5a936b59e46..0000000000000
--- a/src/renderer/assets/img/close_fullwindow.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="white" width="20px" height="20px"><rect fill="none" height="24" width="24"/><path d="M22,3.41l-5.29,5.29L20,12h-8V4l3.29,3.29L20.59,2L22,3.41z M3.41,22l5.29-5.29L12,20v-8H4l3.29,3.29L2,20.59L3.41,22z"/></svg>
diff --git a/src/renderer/assets/img/close_theatre.svg b/src/renderer/assets/img/close_theatre.svg
deleted file mode 100644
index 220d28e6e56f7..0000000000000
--- a/src/renderer/assets/img/close_theatre.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" fill="white" width="20px" height="19px" data-prefix="fas" data-icon="desktop" class="svg-inline--fa fa-desktop fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z"></path></svg>
diff --git a/src/renderer/assets/img/loop.svg b/src/renderer/assets/img/loop.svg
deleted file mode 100644
index e7e24c6ef0b27..0000000000000
--- a/src/renderer/assets/img/loop.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="20px" height="20px"><path class="loop" d="M12 4V2.21c0-.45-.54-.67-.85-.35l-2.8 2.79c-.2.2-.2.51 0 .71l2.79 2.79c.32.31.86.09.86-.36V6c3.31 0 6 2.69 6 6 0 .79-.15 1.56-.44 2.25-.15.36-.04.77.23 1.04.51.51 1.37.33 1.64-.34.37-.91.57-1.91.57-2.95 0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-.79.15-1.56.44-2.25.15-.36.04-.77-.23-1.04-.51-.51-1.37-.33-1.64.34C4.2 9.96 4 10.96 4 12c0 4.42 3.58 8 8 8v1.79c0 .45.54.67.85.35l2.79-2.79c.2-.2.2-.51 0-.71l-2.79-2.79c-.31-.31-.85-.09-.85.36V18z"/></svg>
diff --git a/src/renderer/assets/img/open_fullwindow.svg b/src/renderer/assets/img/open_fullwindow.svg
deleted file mode 100644
index 7195028deb6ca..0000000000000
--- a/src/renderer/assets/img/open_fullwindow.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fas" fill="white" width="18px" height="18px" data-icon="expand-alt"  role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M212.686 315.314L120 408l32.922 31.029c15.12 15.12 4.412 40.971-16.97 40.971h-112C10.697 480 0 469.255 0 456V344c0-21.382 25.803-32.09 40.922-16.971L72 360l92.686-92.686c6.248-6.248 16.379-6.248 22.627 0l25.373 25.373c6.249 6.248 6.249 16.378 0 22.627zm22.628-118.628L328 104l-32.922-31.029C279.958 57.851 290.666 32 312.048 32h112C437.303 32 448 42.745 448 56v112c0 21.382-25.803 32.09-40.922 16.971L376 152l-92.686 92.686c-6.248 6.248-16.379 6.248-22.627 0l-25.373-25.373c-6.249-6.248-6.249-16.378 0-22.627z"></path></svg>
diff --git a/src/renderer/assets/img/open_theatre.svg b/src/renderer/assets/img/open_theatre.svg
deleted file mode 100644
index c1e49ac6b102d..0000000000000
--- a/src/renderer/assets/img/open_theatre.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fas" fill="white" width="20px" height="19px" data-icon="tv" class="svg-inline--fa fa-tv fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M592 0H48A48 48 0 0 0 0 48v320a48 48 0 0 0 48 48h240v32H112a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16H352v-32h240a48 48 0 0 0 48-48V48a48 48 0 0 0-48-48zm-16 352H64V64h512z"></path></svg>
diff --git a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css
new file mode 100644
index 0000000000000..815f23d70f636
--- /dev/null
+++ b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.css
@@ -0,0 +1,229 @@
+/* stylelint-disable liberty/use-logical-spec */
+.ftVideoPlayer {
+  display: flex;
+  position: relative;
+
+  /*
+    For vertical videos and full window mode the background is visible,
+    so we want to make it black as it defaults to transparent
+   */
+  background-color: #000;
+}
+
+.player {
+  width: 100%;
+}
+
+.vrCanvas {
+  position: absolute;
+  inset: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
+
+:deep(.shaka-bottom-controls) {
+  /*
+    Force left to right, so that the UI doesn't break.
+    With rtl, the progress bar was filling from the left, but the scrubber was moving from the right.
+    video.js forced the direction for their controls too
+  */
+  direction: ltr;
+
+  /* Place the seek bar above the controls (the default is below) */
+  display: flex;
+  flex-direction: column-reverse;
+}
+
+/*
+  With the legacy formats, shaka hands over the captions to the browser,
+  that causes issues like the captions being displayed under the player controls.
+  The browser positions captions based on the video element as it doesn't know about shaka's custom controls.
+  To solve that we use shaka's caption displayer (UITextDisplayer), so we need to hide the browser's ones
+ */
+.player::-webkit-media-text-track-container {
+  display: none;
+}
+
+.sixteenByNine {
+  aspect-ratio: 16 / 9;
+}
+
+.stats {
+  position: absolute;
+  left: 5px;
+  top: 5px;
+  padding: 10px;
+  border-radius: 5px;
+  line-height: 1.4em;
+  background-color: rgb(0 0 0 / 70%);
+  color: #fff;
+  z-index: 2;
+
+  /* user-select is intentionally not disabled, so that you can select and copy the stats */
+}
+
+.offlineWrapper {
+  position: absolute;
+  top: 20px;
+  inset-inline-end: 20px;
+  margin-inline-start: 20px;
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+  align-items: center;
+  background-color: #000;
+  color: #fff;
+  padding: 10px;
+  border-radius: 10px;
+}
+
+.offlineIcon {
+  font-size: 30px;
+}
+
+.offlineMessage {
+  margin: 0;
+}
+
+.offlineMessageSubtitle {
+  font-size: 0.8em;
+}
+
+:deep(.shaka-volume-bar-container) {
+  flex-shrink: initial;
+}
+
+.skippedSegmentsWrapper {
+  position: absolute;
+  right: 2%;
+  bottom: max(15%, calc(46px + 2.5% + 3%)); /* 46px + 2.5% is the height of the controls */
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  align-items: center;
+  pointer-events: none;
+}
+
+.skippedSegment {
+  margin-block: 0;
+  padding: 10px;
+  border-radius: 20px;
+  background-color: rgb(0 0 0 / 80%);
+  color: #fff;
+}
+
+:deep(.markerContainer) {
+  position: absolute;
+  inset: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
+
+:deep(.sponsorBlockMarker) {
+  background-color: var(--primary-color);
+}
+
+:deep(.chapterMarker) {
+  width: 2px;
+  background-color: #000;
+}
+
+:deep(.sponsorBlockMarker),
+:deep(.chapterMarker) {
+  position: absolute;
+  opacity: 0.6;
+  height: 100%;
+}
+
+:deep(.playerFullscreenTitleOverlay) {
+  display: none;
+  opacity: 0;
+  position: absolute;
+  margin: 0;
+  top: 5px;
+  left: 5px;
+  max-width: calc(100% - 10px);
+  font-size: xx-large;
+  color: #fff;
+  font-weight: normal;
+  background-color: rgb(0 0 0 / 50%);
+  border-radius: 5px;
+  user-select: none;
+  text-overflow: ellipsis;
+  text-wrap: nowrap;
+  overflow: hidden;
+
+  /* copied from .shaka-scrim-container */
+  transition: opacity cubic-bezier(0.4, 0, 0.6, 1) 0.6s;
+}
+
+:global(body[dir='rtl'] .playerFullscreenTitleOverlay) {
+  left: initial;
+  right: 5px;
+}
+
+.ftVideoPlayer:fullscreen :deep(.playerFullscreenTitleOverlay) {
+  display: block;
+}
+
+:deep(.shaka-controls-container[shown='true'] > .playerFullscreenTitleOverlay) {
+  opacity: 1;
+}
+
+.ftVideoPlayer:fullscreen :deep(.theatre-button),
+.ftVideoPlayer:fullscreen :deep(.full-window-button),
+.fullWindow :deep(.theatre-button) {
+  display: none;
+}
+
+.fullWindow {
+  position: absolute !important;
+  max-width: initial !important;
+  inset: 0;
+  z-index: 1000;
+}
+
+.fullWindow > .player {
+  width: 100%;
+  height: 100%;
+}
+
+/* added to the body element */
+:global(.playerFullWindow) {
+  overflow: hidden;
+  margin: 0;
+  padding: 0;
+}
+
+@media only screen and (width <=400px) {
+  :deep(.shaka-text-container) {
+    /* make subtitles take up slightly less space when a mobile phone is in portrait orientation */
+    font-size: 16px !important;
+  }
+}
+
+@media only screen and (width <=1000px) {
+  :deep(.playerFullscreenTitleOverlay) {
+    font-size: large;
+  }
+}
+
+@media only screen and (width <=1350px) {
+  :deep(.theatre-button) {
+    display: none;
+  }
+}
+
+@media (prefers-reduced-transparency) {
+  :deep(.playerFullscreenTitleOverlay),
+  .skippedSegment {
+    background-color: rgb(0 0 0 / 90%);
+  }
+}
+
+/* stylelint-enable liberty/use-logical-spec */
diff --git a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.js b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.js
new file mode 100644
index 0000000000000..563fb37da207e
--- /dev/null
+++ b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.js
@@ -0,0 +1,2824 @@
+import fs from 'fs/promises'
+import path from 'path'
+
+import { computed, defineComponent, onBeforeUnmount, onMounted, reactive, ref, shallowRef, watch } from 'vue'
+import shaka from 'shaka-player'
+
+import store from '../../store/index'
+import i18n from '../../i18n/index'
+
+import { IpcChannels } from '../../../constants'
+import { AudioTrackSelection } from './player-components/AudioTrackSelection'
+import { FullWindowButton } from './player-components/FullWindowButton'
+import { LegacyQualitySelection } from './player-components/LegacyQualitySelection'
+import { ScreenshotButton } from './player-components/ScreenshotButton'
+import { StatsButton } from './player-components/StatsButton'
+import { TheatreModeButton } from './player-components/TheatreModeButton'
+import { shakaCueFromVTTCue } from '../../helpers/player/legacyFormatsVttCueParser'
+import {
+  getSponsorBlockSegments,
+  logShakaError,
+  qualityLabelToDimension,
+  repairInvidiousManifest,
+  sortCaptions,
+  translateSponsorBlockCategory
+} from '../../helpers/player/utils'
+import {
+  getPicturesPath,
+  showSaveDialog,
+  showToast
+} from '../../helpers/utils'
+import { pathExists } from '../../helpers/filesystem'
+
+/** @typedef {import('../../helpers/sponsorblock').SponsorBlockCategory} SponsorBlockCategory */
+
+// The UTF-8 characters "h", "t", "t", and "p".
+const HTTP_IN_HEX = 0x68747470
+
+const USE_OVERFLOW_MENU_WIDTH_THRESHOLD = 600
+
+const RequestType = shaka.net.NetworkingEngine.RequestType
+const TrackLabelFormat = shaka.ui.Overlay.TrackLabelFormat
+
+/** @type {Map<string, string>} */
+const LOCALE_MAPPINGS = new Map(process.env.SHAKA_LOCALE_MAPPINGS)
+
+export default defineComponent({
+  name: 'FtShakaVideoPlayer',
+  props: {
+    format: {
+      type: String,
+      required: true
+    },
+    manifestSrc: {
+      type: String,
+      required: true
+    },
+    manifestMimeType: {
+      type: String,
+      required: true
+    },
+    legacyFormats: {
+      type: Array,
+      default: () => ([])
+    },
+    startTime: {
+      type: Number,
+      default: null
+    },
+    captions: {
+      type: Array,
+      default: () => ([])
+    },
+    chapters: {
+      type: Array,
+      default: () => ([])
+    },
+    currentChapterIndex: {
+      type: Number,
+      default: 0
+    },
+    storyboardSrc: {
+      type: String,
+      default: ''
+    },
+    videoId: {
+      type: String,
+      default: ''
+    },
+    title: {
+      type: String,
+      default: ''
+    },
+    thumbnail: {
+      type: String,
+      default: ''
+    },
+    theatrePossible: {
+      type: Boolean,
+      default: false
+    },
+    useTheatreMode: {
+      type: Boolean,
+      default: false
+    },
+    vrProjection: {
+      type: String,
+      default: null
+    }
+  },
+  emits: [
+    'error',
+    'loaded',
+    'ended',
+    'timeupdate',
+    'toggle-theatre-mode'
+  ],
+  setup: function (props, { emit, expose }) {
+    /** @type {shaka.Player|null} */
+    let player = null
+
+    /** @type {shaka.ui.Overlay|null} */
+    let ui = null
+
+    const events = new EventTarget()
+
+    /** @type {import('vue').Ref<HTMLDivElement | null>} */
+    const container = ref(null)
+
+    /** @type {import('vue').Ref<HTMLVideoElement | null>} */
+    const video = ref(null)
+
+    /** @type {import('vue').Ref<HTMLCanvasElement | null>} */
+    const vrCanvas = ref(null)
+
+    const hasLoaded = ref(false)
+
+    const hasMultipleAudioTracks = ref(false)
+    let hasMultipleAudioChannelCounts = false
+    const isLive = ref(false)
+
+    const useOverFlowMenu = ref(false)
+    const fullWindowEnabled = ref(false)
+    const forceAspectRatio = ref(false)
+
+    const activeLegacyFormat = shallowRef(null)
+
+    /**
+     * @type {{
+     *   url: string,
+     *   label: string,
+     *   language: string,
+     *   mimeType: string,
+     *   isAutotranslated?: boolean
+     * }[]}
+     */
+    let sortedCaptions
+
+    // we don't need to sort if we only have one caption or don't have any
+    if (props.captions.length > 1) {
+      // theoretically we would resort when the language changes, but we can't remove captions that we already added to the player
+      sortedCaptions = sortCaptions(props.captions)
+    } else if (props.captions.length === 1) {
+      sortedCaptions = props.captions
+    } else {
+      sortedCaptions = []
+    }
+
+    /** @type {number|null} */
+    let restoreCaptionIndex = null
+
+    if (store.getters.getEnableSubtitlesByDefault && sortedCaptions.length > 0) {
+      restoreCaptionIndex = 0
+    }
+
+    const showStats = ref(false)
+    const stats = reactive({
+      resolution: {
+        width: 0,
+        height: 0,
+        frameRate: 0
+      },
+      playerDimensions: {
+        width: 0,
+        height: 0
+      },
+      bitrate: '0',
+      volume: '100',
+      bandwidth: '0',
+      buffered: '0',
+      frames: {
+        totalFrames: 0,
+        droppedFrames: 0
+      },
+      codecs: {
+        audioItag: '',
+        audioCodec: '',
+        videoItag: '',
+        videoCodec: ''
+      }
+    })
+
+    // #region settings
+
+    /** @type {import('vue').ComputedRef<boolean>} */
+    const autoplayVideos = computed(() => {
+      return store.getters.getAutoplayVideos
+    })
+
+    /** @type {import('vue').ComputedRef<boolean>} */
+    const displayVideoPlayButton = computed(() => {
+      return store.getters.getDisplayVideoPlayButton
+    })
+
+    watch(displayVideoPlayButton, (newValue) => {
+      ui.configure({
+        addBigPlayButton: newValue
+      })
+    })
+
+    /** @type {import('vue').ComputedRef<number>} */
+    const defaultPlayback = computed(() => {
+      return store.getters.getDefaultPlayback
+    })
+
+    /** @type {import('vue').ComputedRef<number>} */
+    const defaultSkipInterval = computed(() => {
+      return store.getters.getDefaultSkipInterval
+    })
+
+    /** @type {import('vue').ComputedRef<number | 'auto'>} */
+    const defaultQuality = computed(() => {
+      const value = store.getters.getDefaultQuality
+      if (value === 'auto') { return value }
+
+      return parseInt(value)
+    })
+
+    /** @type {import('vue').ComputedRef<boolean>} */
+    const enterFullscreenOnDisplayRotate = computed(() => {
+      return store.getters.getEnterFullscreenOnDisplayRotate
+    })
+
+    watch(enterFullscreenOnDisplayRotate, (newValue) => {
+      ui.configure({
+        enableFullscreenOnRotation: newValue
+      })
+    })
+
+    const maxVideoPlaybackRate = computed(() => {
+      return parseInt(store.getters.getMaxVideoPlaybackRate)
+    })
+
+    const videoPlaybackRateInterval = computed(() => {
+      return parseFloat(store.getters.getVideoPlaybackRateInterval)
+    })
+
+    const playbackRates = computed(() => {
+      const interval = videoPlaybackRateInterval.value
+      const playbackRates = []
+      let i = interval
+
+      while (i <= maxVideoPlaybackRate.value) {
+        playbackRates.unshift(i)
+        i += interval
+        i = parseFloat(i.toFixed(2))
+      }
+
+      return playbackRates
+    })
+
+    watch(playbackRates, (newValue) => {
+      ui.configure({
+        playbackRates: newValue
+      })
+    })
+
+    /** @type {import('vue').ComputedRef<boolean>} */
+    const enableScreenshot = computed(() => {
+      return store.getters.getEnableScreenshot
+    })
+
+    /** @type {import('vue').ComputedRef<string>} */
+    const screenshotFormat = computed(() => {
+      return store.getters.getScreenshotFormat
+    })
+
+    /** @type {import('vue').ComputedRef<number>} */
+    const screenshotQuality = computed(() => {
+      return store.getters.getScreenshotQuality
+    })
+
+    /** @type {import('vue').ComputedRef<boolean>} */
+    const screenshotAskPath = computed(() => {
+      return store.getters.getScreenshotAskPath
+    })
+
+    /** @type {import('vue').ComputedRef<string>} */
+    const screenshotFolder = computed(() => {
+      return store.getters.getScreenshotFolderPath
+    })
+
+    /** @type {import('vue').ComputedRef<boolean>} */
+    const videoVolumeMouseScroll = computed(() => {
+      return store.getters.getVideoVolumeMouseScroll
+    })
+
+    /** @type {import('vue').ComputedRef<boolean>} */
+    const videoPlaybackRateMouseScroll = computed(() => {
+      return store.getters.getVideoPlaybackRateMouseScroll
+    })
+
+    /** @type {import('vue').ComputedRef<boolean>} */
+    const videoSkipMouseScroll = computed(() => {
+      return store.getters.getVideoSkipMouseScroll
+    })
+
+    /** @type {import('vue').ComputedRef<boolean>} */
+    const useSponsorBlock = computed(() => {
+      return store.getters.getUseSponsorBlock
+    })
+
+    /** @type {import('vue').ComputedRef<boolean>} */
+    const sponsorBlockShowSkippedToast = computed(() => {
+      return store.getters.getSponsorBlockShowSkippedToast
+    })
+
+    const sponsorSkips = computed(() => {
+      // save some work when sponsorblock is disabled
+      if (!useSponsorBlock.value) {
+        return {}
+      }
+
+      /** @type {SponsorBlockCategory[]} */
+      const sponsorCategories = ['sponsor',
+        'selfpromo',
+        'interaction',
+        'intro',
+        'outro',
+        'preview',
+        'music_offtopic',
+        'filler'
+      ]
+
+      /** @type {Set<SponsorBlockCategory>} */
+      const autoSkip = new Set()
+
+      /** @type {SponsorBlockCategory[]} */
+      const seekBar = []
+
+      /** @type {Set<SponsorBlockCategory>} */
+      const promptSkip = new Set()
+
+      /**
+       * @type {{
+       *   [key in SponsorBlockCategory]: {
+       *     color: string,
+       *     skip: 'autoSkip' | 'promptToSkip' | 'showInSeekBar' | 'doNothing'
+       *   }
+       * }} */
+      const categoryData = {}
+
+      sponsorCategories.forEach(x => {
+        let sponsorVal = {}
+        switch (x) {
+          case 'sponsor':
+            sponsorVal = store.getters.getSponsorBlockSponsor
+            break
+          case 'selfpromo':
+            sponsorVal = store.getters.getSponsorBlockSelfPromo
+            break
+          case 'interaction':
+            sponsorVal = store.getters.getSponsorBlockInteraction
+            break
+          case 'intro':
+            sponsorVal = store.getters.getSponsorBlockIntro
+            break
+          case 'outro':
+            sponsorVal = store.getters.getSponsorBlockOutro
+            break
+          case 'preview':
+            sponsorVal = store.getters.getSponsorBlockRecap
+            break
+          case 'music_offtopic':
+            sponsorVal = store.getters.getSponsorBlockMusicOffTopic
+            break
+          case 'filler':
+            sponsorVal = store.getters.getSponsorBlockFiller
+            break
+        }
+
+        if (sponsorVal.skip !== 'doNothing') {
+          seekBar.push(x)
+        }
+
+        if (sponsorVal.skip === 'autoSkip') {
+          autoSkip.add(x)
+        }
+
+        if (sponsorVal.skip === 'promptToSkip') {
+          promptSkip.add(x)
+        }
+
+        categoryData[x] = sponsorVal
+      })
+      return { autoSkip, seekBar, promptSkip, categoryData }
+    })
+
+    // #endregion settings
+
+    // #region SponsorBlock
+
+    /**
+     * @type {{
+     *   uuid: string
+     *   category: SponsorBlockCategory
+     *   startTime: number,
+     *   endTime: number
+     * }[]}
+     */
+    let sponsorBlockSegments = []
+    let sponsorBlockAverageVideoDuration = 0
+
+    /**
+     * Yes a map would be much more suitable for this (unlike objects they retain the order that items were inserted),
+     * but Vue 2 doesn't support reactivity on Maps, so we have to use an array instead
+     * @type {import('vue').Ref<{uuid: string, translatedCategory: string, timeoutId: number}[]>}
+     */
+    const skippedSponsorBlockSegments = ref([])
+
+    async function setupSponsorBlock() {
+      let segments, averageDuration
+
+      try {
+        ({ segments, averageDuration } = await getSponsorBlockSegments(props.videoId, sponsorSkips.value.seekBar))
+      } catch (e) {
+        console.error(e)
+        segments = []
+      }
+
+      // check if the component is already getting destroyed
+      // which is possible because this function runs asynchronously
+      if (!ui || !player) {
+        return
+      }
+
+      if (segments.length > 0) {
+        sponsorBlockSegments = segments
+        sponsorBlockAverageVideoDuration = averageDuration
+
+        createSponsorBlockMarkers(averageDuration)
+      }
+    }
+
+    /**
+     * @param {number} currentTime
+     */
+    function skipSponsorBlockSegments(currentTime) {
+      const { autoSkip } = sponsorSkips.value
+
+      if (autoSkip.size === 0) {
+        return
+      }
+
+      const video_ = video.value
+
+      let newTime = 0
+      const skippedSegments = []
+
+      sponsorBlockSegments.forEach(segment => {
+        if (autoSkip.has(segment.category) && currentTime < segment.endTime &&
+          (segment.startTime <= currentTime ||
+            // if we already have a segment to skip, check if there are any that are less than 150ms later,
+            // so that we can skip them all in one go (especially useful on slow connections)
+            (newTime > 0 && (segment.startTime < newTime || segment.startTime - newTime <= 0.150) && segment.endTime > newTime))) {
+          newTime = segment.endTime
+          skippedSegments.push(segment)
+        }
+      })
+
+      if (newTime === 0 || video_.ended) {
+        return
+      }
+
+      const videoEnd = player.seekRange().end
+
+      if (Math.abs(videoEnd - currentTime) < 1 || video_.ended) {
+        return
+      }
+
+      if (newTime > videoEnd || Math.abs(videoEnd - newTime) < 1) {
+        newTime = videoEnd
+      }
+
+      video_.currentTime = newTime
+
+      if (sponsorBlockShowSkippedToast.value) {
+        skippedSegments.forEach(({ uuid, category }) => {
+          // if the element already exists, just update the timeout, instead of creating a duplicate
+          // can happen at the end of the video sometimes
+          const existingSkip = skippedSponsorBlockSegments.value.find(skipped => skipped.uuid === uuid)
+          if (existingSkip) {
+            clearTimeout(existingSkip.timeoutId)
+
+            existingSkip.timeoutId = setTimeout(() => {
+              const index = skippedSponsorBlockSegments.value.findIndex(skipped => skipped.uuid === uuid)
+              skippedSponsorBlockSegments.value.splice(index, 1)
+            }, 2000)
+          } else {
+            skippedSponsorBlockSegments.value.push({
+              uuid,
+              translatedCategory: translateSponsorBlockCategory(category),
+              timeoutId: setTimeout(() => {
+                const index = skippedSponsorBlockSegments.value.findIndex(skipped => skipped.uuid === uuid)
+                skippedSponsorBlockSegments.value.splice(index, 1)
+              }, 2000)
+            })
+          }
+        })
+      }
+    }
+
+    // #endregion SponsorBlock
+
+    // #region player config
+
+    /**
+     * @param {'dash'|'audio'|'legacy'} format
+     * @param {boolean} useAutoQuality
+     * @returns {shaka.extern.PlayerConfiguration}
+     **/
+    function getPlayerConfig(format, useAutoQuality = false) {
+      return {
+        // YouTube uses these values and they seem to work well in FreeTube too,
+        // so we might as well use them
+        streaming: {
+          bufferingGoal: 180,
+          rebufferingGoal: 0.02,
+          bufferBehind: 300
+        },
+        manifest: {
+          disableVideo: format === 'audio',
+
+          // makes captions work for live streams and doesn't seem to have any negative affect on VOD videos
+          segmentRelativeVttTiming: true,
+          dash: {
+            manifestPreprocessorTXml: manifestPreprocessorTXml
+          }
+        },
+        abr: {
+          enabled: useAutoQuality,
+
+          // This only affects the "auto" quality, users can still manually select whatever quality they want.
+          restrictToElementSize: true
+        },
+        autoShowText: shaka.config.AutoShowText.NEVER,
+
+        // Only use variants that are predicted to play smoothly
+        // https://developer.mozilla.org/en-US/docs/Web/API/MediaCapabilities/decodingInfo
+        preferredDecodingAttributes: format === 'dash' ? ['smooth'] : [],
+
+        // Electron doesn't like YouTube's vp9 VR video streams and throws:
+        // "CHUNK_DEMUXER_ERROR_APPEND_FAILED: Projection element is incomplete; ProjectionPoseYaw required."
+        // So use the AV1 and h264 codecs instead which it doesn't reject
+        preferredVideoCodecs: typeof props.vrProjection === 'string' ? ['av01', 'avc1'] : []
+      }
+    }
+
+    /**
+     * @param {shaka.extern.xml.Node} mpdNode
+     */
+    function manifestPreprocessorTXml(mpdNode) {
+      /** @type {shaka.extern.xml.Node[]} */
+      const periods = mpdNode.children?.filter(child => typeof child !== 'string' && child.tagName === 'Period') ?? []
+
+      sortAdapationSetsByCodec(periods)
+
+      if (mpdNode.attributes.type === 'dynamic') {
+        // fix live stream loading issues
+        // YouTube uses a 12 second delay on the official website for normal streams
+        // and a shorter one for low latency streams
+        // If we don't add a little bit of a delay, we get presented with a loading symbol every 5 seconds,
+        // while shaka-player processes the new manifest and segments
+        const minimumUpdatePeriod = parseFloat(mpdNode.attributes.minimumUpdatePeriod.match(/^PT(\d+(?:\.\d+)?)S$/)[1])
+        mpdNode.attributes.suggestedPresentationDelay = `PT${(minimumUpdatePeriod * 2).toFixed(3)}S`
+
+        // fix live streams with subtitles having duplicate Representation ids
+        // shaka-player throws DASH_DUPLICATE_REPRESENTATION_ID if we don't fix it
+
+        for (const period of periods) {
+          /** @type {shaka.extern.xml.Node[]} */
+          const representations = []
+
+          for (const periodChild of period.children) {
+            if (typeof periodChild !== 'string' && periodChild.tagName === 'AdaptationSet') {
+              for (const adaptationSetChild of periodChild.children) {
+                if (typeof adaptationSetChild !== 'string' && adaptationSetChild.tagName === 'Representation') {
+                  representations.push(adaptationSetChild)
+                }
+              }
+            }
+          }
+
+          const knownIds = new Set()
+          let counter = 0
+          for (const representation of representations) {
+            const id = representation.attributes.id
+
+            if (knownIds.has(id)) {
+              const newId = `${id}-ft-fix-${counter}`
+
+              representation.attributes.id = newId
+              knownIds.add(newId)
+              counter++
+            } else {
+              knownIds.add(id)
+            }
+          }
+        }
+      } else if (!process.env.SUPPORTS_LOCAL_API) {
+        repairInvidiousManifest(periods)
+      }
+    }
+
+    /**
+     * @param {shaka.extern.xml.Node[]} periods
+     */
+    function sortAdapationSetsByCodec(periods) {
+      /** @param {shaka.extern.xml.Node} adaptationSet */
+      const getCodecsPrefix = (adaptationSet) => {
+        const codecs = adaptationSet.attributes.codecs ??
+          adaptationSet.children
+            .find(child => typeof child !== 'string' && child.tagName === 'Representation').attributes.codecs
+
+        return codecs.split('.')[0]
+      }
+
+      const codecPriorities = [
+        // audio
+        'opus',
+        'mp4a',
+        'ec-3',
+        'ac-3',
+
+        // video
+        'av01',
+        'vp09',
+        'vp9',
+        'avc1'
+      ]
+
+      for (const period of periods) {
+        period.children
+          ?.sort((
+            /** @type {shaka.extern.xml.Node | string} */ a,
+            /** @type {shaka.extern.xml.Node | string} */ b
+          ) => {
+            if (typeof a === 'string' || a.tagName !== 'AdaptationSet' ||
+              typeof b === 'string' || b.tagName !== 'AdaptationSet') {
+              return 0
+            }
+
+            const typeA = a.attributes.contentType || a.attributes.mimeType.split('/')[0]
+            const typeB = b.attributes.contentType || b.attributes.mimeType.split('/')[0]
+
+            // always place image and text tracks AdaptionSets last in the manifest
+
+            if (typeA !== 'video' && typeA !== 'audio') {
+              return 1
+            }
+            if (typeB !== 'video' && typeB !== 'audio') {
+              return -1
+            }
+
+            const codecsPrefixA = getCodecsPrefix(a)
+            const codecsPrefixB = getCodecsPrefix(b)
+
+            return codecPriorities.indexOf(codecsPrefixA) - codecPriorities.indexOf(codecsPrefixB)
+          })
+      }
+    }
+
+    // #endregion player config
+
+    // #region UI config
+
+    const useVrMode = computed(() => {
+      return props.format === 'dash' && props.vrProjection === 'EQUIRECTANGULAR'
+    })
+
+    const uiConfig = computed(() => {
+      /** @type {shaka.extern.UIConfiguration} */
+      const uiConfig = {
+        controlPanelElements: [
+          'play_pause',
+          'mute',
+          'volume',
+          'time_and_duration',
+          'spacer'
+        ],
+        overflowMenuButtons: [],
+
+        // only set this to label when we actually have labels, so that the warning doesn't show up
+        // about it being set to labels, but that the audio tracks don't have labels
+        trackLabelFormat: hasMultipleAudioTracks.value ? TrackLabelFormat.LABEL : TrackLabelFormat.LANGUAGE,
+        // Only set it to label if we added the captions ourselves,
+        // some live streams come with subtitles in the DASH manifest, but without labels
+        textTrackLabelFormat: sortedCaptions.length > 0 ? TrackLabelFormat.LABEL : TrackLabelFormat.LANGUAGE,
+        displayInVrMode: useVrMode.value
+      }
+
+      /** @type {string[]} */
+      let elementList = []
+
+      if (useOverFlowMenu.value) {
+        uiConfig.overflowMenuButtons = [
+          'ft_screenshot',
+          'playback_rate',
+          'loop',
+          'ft_audio_tracks',
+          'captions',
+          'picture_in_picture',
+          'ft_full_window',
+          props.format === 'legacy' ? 'ft_legacy_quality' : 'quality',
+          'recenter_vr',
+          'toggle_stereoscopic',
+        ]
+
+        elementList = uiConfig.overflowMenuButtons
+
+        uiConfig.controlPanelElements.push('overflow_menu')
+      } else {
+        uiConfig.controlPanelElements.push(
+          'recenter_vr',
+          'toggle_stereoscopic',
+          'ft_screenshot',
+          'playback_rate',
+          'loop',
+          'ft_audio_tracks',
+          'captions',
+          'picture_in_picture',
+          'ft_theatre_mode',
+          'ft_full_window',
+          props.format === 'legacy' ? 'ft_legacy_quality' : 'quality'
+        )
+
+        elementList = uiConfig.controlPanelElements
+      }
+
+      uiConfig.controlPanelElements.push('fullscreen')
+
+      if (!process.env.IS_ELECTRON || !enableScreenshot.value || props.format === 'audio') {
+        const index = elementList.indexOf('ft_screenshot')
+        elementList.splice(index, 1)
+      }
+
+      if (!props.theatrePossible) {
+        const index = elementList.indexOf('ft_theatre_mode')
+        // doesn't exist in overflow menu, as theatre mode only works on wide screens
+        if (index !== -1) {
+          elementList.splice(index, 1)
+        }
+      }
+
+      if (props.format === 'audio') {
+        const index = elementList.indexOf('picture_in_picture')
+        elementList.splice(index, 1)
+      }
+
+      if (isLive.value) {
+        const index = elementList.indexOf('loop')
+        elementList.splice(index, 1)
+      }
+
+      if (!useVrMode.value) {
+        const indexRecenterVr = elementList.indexOf('recenter_vr')
+        elementList.splice(indexRecenterVr, 1)
+
+        const indexToggleStereoscopic = elementList.indexOf('toggle_stereoscopic')
+        elementList.splice(indexToggleStereoscopic, 1)
+      }
+
+      return uiConfig
+    })
+
+    /**
+     * For the first call we want to set initial values for options that may change later,
+     * as well as setting the options that we won't change again.
+     *
+     * For all subsequent calls we only want to reconfigure the options that have changed.
+     * e.g. due to the active format changing or the user changing settings
+     * @param {boolean} firstTime
+     */
+    function configureUI(firstTime = false) {
+      if (firstTime) {
+        const firstTimeConfig = {
+          addSeekBar: true,
+          customContextMenu: true,
+          contextMenuElements: ['ft_stats'],
+          enableTooltips: true,
+          seekBarColors: {
+            played: 'var(--primary-color)'
+          },
+          volumeBarColors: {
+            level: 'var(--primary-color)'
+          },
+
+          // these have their own watchers
+          addBigPlayButton: displayVideoPlayButton.value,
+          enableFullscreenOnRotation: enterFullscreenOnDisplayRotate.value,
+          playbackRates: playbackRates.value,
+
+          // we have our own ones (shaka-player's ones are quite limited)
+          enableKeyboardPlaybackControls: false,
+
+          // TODO: enable this when electron gets document PiP support
+          // https://github.com/electron/electron/issues/39633
+          preferDocumentPictureInPicture: false
+        }
+
+        // Combine the config objects so we only need to do one configure call
+        // as shaka-player recreates the UI when you call configure
+        Object.assign(firstTimeConfig, uiConfig.value)
+
+        ui.configure(firstTimeConfig)
+      } else {
+        ui.configure(uiConfig.value)
+      }
+    }
+
+    /**
+     * @param {WheelEvent} event
+     */
+    function handleControlsContainerWheel(event) {
+      /** @type {DOMTokenList} */
+      const classList = event.target.classList
+
+      if (classList.contains('shaka-scrim-container') ||
+        classList.contains('shaka-fast-foward-container') ||
+        classList.contains('shaka-rewind-container') ||
+        classList.contains('shaka-play-button-container') ||
+        classList.contains('shaka-play-button')) {
+        //
+
+        if (event.ctrlKey || event.metaKey) {
+          if (videoPlaybackRateMouseScroll.value) {
+            mouseScrollPlaybackRate(event)
+          }
+        } else {
+          if (videoVolumeMouseScroll.value) {
+            mouseScrollVolume(event)
+          } else if (videoSkipMouseScroll.value) {
+            mouseScrollSkip(event)
+          }
+        }
+      }
+    }
+
+    /**
+     * @param {MouseEvent} event
+     */
+    function handleControlsContainerClick(event) {
+      if (event.ctrlKey || event.metaKey) {
+        // stop shaka-player's click handler firing
+        event.stopPropagation()
+
+        video.value.playbackRate = defaultPlayback.value
+        video.value.defaultPlaybackRate = defaultPlayback.value
+      }
+    }
+
+    function addUICustomizations() {
+      /** @type {HTMLDivElement} */
+      const controlsContainer = ui.getControls().getControlsContainer()
+
+      controlsContainer.removeEventListener('wheel', handleControlsContainerWheel)
+      controlsContainer.removeEventListener('click', handleControlsContainerClick, true)
+
+      if (!useVrMode.value) {
+        if (videoVolumeMouseScroll.value || videoSkipMouseScroll.value || videoPlaybackRateMouseScroll.value) {
+          controlsContainer.addEventListener('wheel', handleControlsContainerWheel)
+        }
+
+        if (videoPlaybackRateMouseScroll.value) {
+          controlsContainer.addEventListener('click', handleControlsContainerClick, true)
+        }
+      }
+
+      // make scrolling over volume slider change the volume
+      container.value.querySelector('.shaka-volume-bar').addEventListener('wheel', mouseScrollVolume)
+
+      // title overlay when the video is fullscreened
+      // placing this inside the controls container so that we can fade it in and out at the same time as the controls
+      const fullscreenTitleOverlay = document.createElement('h1')
+      fullscreenTitleOverlay.textContent = props.title
+      fullscreenTitleOverlay.className = 'playerFullscreenTitleOverlay'
+      controlsContainer.appendChild(fullscreenTitleOverlay)
+
+      if (hasLoaded.value && props.chapters.length > 0) {
+        createChapterMarkers()
+      }
+
+      if (useSponsorBlock.value && sponsorBlockSegments.length > 0) {
+        let duration
+        if (hasLoaded.value) {
+          const seekRange = player.seekRange()
+
+          duration = seekRange.end - seekRange.start
+        } else {
+          duration = sponsorBlockAverageVideoDuration
+        }
+
+        createSponsorBlockMarkers(duration)
+      }
+    }
+
+    watch(uiConfig, (newValue, oldValue) => {
+      if (newValue !== oldValue && ui) {
+        configureUI()
+      }
+    })
+
+    watch(videoVolumeMouseScroll, (newValue, oldValue) => {
+      if (newValue !== oldValue && ui) {
+        configureUI()
+      }
+    })
+
+    watch(videoPlaybackRateMouseScroll, (newValue, oldValue) => {
+      if (newValue !== oldValue && ui) {
+        configureUI()
+      }
+    })
+
+    watch(videoSkipMouseScroll, (newValue, oldValue) => {
+      if (newValue !== oldValue && ui) {
+        configureUI()
+      }
+    })
+
+    /** @type {ResizeObserver|null} */
+    let resizeObserver = null
+
+    /** @type {ResizeObserverCallback} */
+    function resized(entries) {
+      useOverFlowMenu.value = entries[0].contentBoxSize[0].inlineSize <= USE_OVERFLOW_MENU_WIDTH_THRESHOLD
+    }
+
+    // #endregion UI config
+
+    // #region legacy text displayer
+
+    /** @type {shaka.text.UITextDisplayer|null} */
+    let legacyTextDisplayer = null
+
+    /** @type {shaka.util.EventManager|null} */
+    let legacyTextEventManager = null
+
+    /**
+     * For the legacy formats the captions are handled by the browser instead of shaka.
+     * As we want to maintain the same appearance and functionality across all 3 formats (audio, dash and legacy),
+     * this function sets up and configures a custom `shaka.text.UITextDisplayer` instance,
+     * it also sets up event handlers to add and remove cues, when the browser reports that the active ones changed.
+     * The browser's own caption display is hidden through CSS.
+     *
+     * @param {HTMLVideoElement} video
+     * @param {HTMLElement} container
+     */
+    async function setUpLegacyTextDisplay(video, container) {
+      await cleanUpLegacyTextDisplay()
+
+      const textDisplayerConfig = player.getConfiguration().textDisplayer
+
+      legacyTextDisplayer = new shaka.text.UITextDisplayer(video, container, textDisplayerConfig)
+
+      // using an event manager lets us easily release the event handlers in one go, when we tear down the legacy text display
+      legacyTextEventManager = new shaka.util.EventManager()
+
+      legacyTextEventManager.listen(player, 'texttrackvisibility', () => {
+        legacyTextDisplayer.setTextVisibility(player.isTextTrackVisible())
+      })
+
+      /** @type {TextTrack} */
+      let currentTrack
+      let currentTrackIsAutoGenerated = false
+
+      legacyTextEventManager.listen(player, 'textchanged', () => {
+        const { start, end } = player.seekRange()
+        legacyTextDisplayer.remove(start, end)
+
+        legacyTextEventManager.unlisten(currentTrack, 'cuechange')
+
+        // TextTracksList doesn't support forEach or for-of
+        for (let i = 0; i < video.textTracks.length; i++) {
+          const textTrack = video.textTracks[i]
+
+          if (textTrack.mode === 'showing') {
+            currentTrack = textTrack
+            currentTrackIsAutoGenerated = textTrack.label.endsWith('(auto-generated)')
+            break
+          }
+        }
+
+        // TODO: performance improvement, don't listen to cue changes while the captions are hidden
+        legacyTextEventManager.listen(currentTrack, 'cuechange', () => {
+          // As live streams don't support legacy formats and the duration of VOD videos doesn't changes,
+          // we can assume that the seek range will always be the same, so we don't have to read it out here again
+          legacyTextDisplayer.remove(start, end)
+          if (currentTrack.activeCues) {
+            const activeCues = Array.from(currentTrack.activeCues).map((cue) => shakaCueFromVTTCue(cue, currentTrackIsAutoGenerated))
+            legacyTextDisplayer.append(activeCues)
+          }
+        })
+
+        // add current ones now, so that they show straight away, not just when the next event fires
+        // e.g. when the video is paused
+        if (currentTrack.activeCues) {
+          const activeCues = Array.from(currentTrack.activeCues).map((cue) => shakaCueFromVTTCue(cue, currentTrackIsAutoGenerated))
+          legacyTextDisplayer.append(activeCues)
+        }
+      })
+    }
+
+    /**
+     * Tears down the legacy captions text displayer and removes the event listeners
+     */
+    async function cleanUpLegacyTextDisplay() {
+      if (legacyTextEventManager) {
+        // store in a temporary variable, so we can clear the variable immediately, even if the release takes longer
+        const eventManager = legacyTextEventManager
+        legacyTextEventManager = null
+
+        eventManager.release()
+      }
+
+      if (legacyTextDisplayer) {
+        // store in a temporary variable, so we can clear the variable immediately, even if the destroy takes longer
+        const textDisplayer = legacyTextDisplayer
+        legacyTextDisplayer = null
+
+        await textDisplayer.destroy()
+      }
+    }
+
+    // #endregion legacy text displayer
+
+    // #region player locales
+
+    // shaka-player ships with some locales prebundled and already loaded
+    const loadedLocales = new Set(process.env.SHAKA_LOCALES_PREBUNDLED)
+
+    /**
+     * @param {string} locale
+     */
+    async function setLocale(locale) {
+      // For most of FreeTube's locales their is an equivalent one in shaka-player,
+      // however if there isn't one we should fall back to US English.
+      // At the time of writing "et", "eu", "gl", "is" don't have any translations
+      const shakaLocale = LOCALE_MAPPINGS.get(locale) ?? 'en'
+
+      const localization = ui.getControls().getLocalization()
+
+      const cachedLocales = store.state.player.cachedPlayerLocales
+
+      if (!loadedLocales.has(shakaLocale)) {
+        if (!Object.hasOwn(cachedLocales, shakaLocale)) {
+          await store.dispatch('cachePlayerLocale', shakaLocale)
+        }
+
+        localization.insert(shakaLocale, new Map(Object.entries(cachedLocales[shakaLocale])))
+
+        loadedLocales.add(shakaLocale)
+      }
+
+      localization.changeLocale([shakaLocale])
+
+      events.dispatchEvent(new CustomEvent('localeChanged'))
+    }
+
+    watch(() => i18n.locale, setLocale)
+
+    // #endregion player locales
+
+    // #region power save blocker
+
+    let powerSaveBlocker = null
+
+    async function startPowerSaveBlocker() {
+      if (process.env.IS_ELECTRON && powerSaveBlocker === null) {
+        const { ipcRenderer } = require('electron')
+        powerSaveBlocker = await ipcRenderer.invoke(IpcChannels.START_POWER_SAVE_BLOCKER)
+      }
+    }
+
+    function stopPowerSaveBlocker() {
+      if (process.env.IS_ELECTRON && powerSaveBlocker !== null) {
+        const { ipcRenderer } = require('electron')
+        ipcRenderer.send(IpcChannels.STOP_POWER_SAVE_BLOCKER, powerSaveBlocker)
+        powerSaveBlocker = null
+      }
+    }
+
+    // #endregion power save blocker
+
+    // #region video event handlers
+
+    function handlePlay() {
+      startPowerSaveBlocker()
+
+      if ('mediaSession' in navigator) {
+        navigator.mediaSession.playbackState = 'playing'
+      }
+    }
+
+    function handlePause() {
+      stopPowerSaveBlocker()
+
+      if ('mediaSession' in navigator) {
+        navigator.mediaSession.playbackState = 'paused'
+      }
+    }
+
+    function handleEnded() {
+      stopPowerSaveBlocker()
+
+      if ('mediaSession' in navigator) {
+        navigator.mediaSession.playbackState = 'none'
+      }
+
+      emit('ended')
+    }
+
+    function updateVolume() {
+      const video_ = video.value
+      // https://docs.videojs.com/html5#volume
+      if (sessionStorage.getItem('muted') === 'false' && video_.volume === 0) {
+        // If video is muted by dragging volume slider, it doesn't change 'muted' in sessionStorage to true
+        // hence compare it with 'false' and set volume to defaultVolume.
+        const volume = parseFloat(sessionStorage.getItem('defaultVolume'))
+        const muted = true
+        sessionStorage.setItem('volume', volume.toString())
+        sessionStorage.setItem('muted', String(muted))
+      } else {
+        // If volume isn't muted by dragging the slider, muted and volume values are carried over to next video.
+        const volume = video_.volume
+        const muted = video_.muted
+        sessionStorage.setItem('volume', volume.toString())
+        sessionStorage.setItem('muted', String(muted))
+      }
+
+      if (showStats.value) {
+        stats.volume = (video_.volume * 100).toFixed(1)
+      }
+    }
+
+    function handleTimeupdate() {
+      const currentTime = video.value.currentTime
+
+      emit('timeupdate', currentTime)
+
+      if (showStats.value && hasLoaded.value) {
+        updateStats()
+      }
+
+      if (useSponsorBlock.value && sponsorBlockSegments.length > 0 && canSeek()) {
+        skipSponsorBlockSegments(currentTime)
+      }
+
+      if ('mediaSession' in navigator) {
+        updateMediaSessionPositionState(currentTime)
+      }
+    }
+
+    // #endregion video event handlers
+
+    // #region request/response filters
+
+    /** @type {shaka.extern.RequestFilter} */
+    function requestFilter(type, request, _context) {
+      if (type === RequestType.SEGMENT) {
+        const url = new URL(request.uris[0])
+
+        // only when we aren't proxying through Invidious,
+        // it doesn't like the range param and makes get requests to youtube anyway
+        if (url.hostname.endsWith('.googlevideo.com') && url.pathname === '/videoplayback') {
+          request.method = 'POST'
+          request.body = new Uint8Array([0x78, 0]) // protobuf: { 15: 0 } (no idea what it means but this is what YouTube uses)
+
+          if (request.headers.Range) {
+            request.uris[0] += `&range=${request.headers.Range.split('=')[1]}`
+            delete request.headers.Range
+          }
+
+          request.uris[0] += '&alr=yes'
+        }
+      }
+    }
+
+    /**
+     * Handles Application Level Redirects
+     * Based on the example in the YouTube.js repository
+     * @type {shaka.extern.ResponseFilter}
+     */
+    async function responseFilter(type, response, context) {
+      if (type === RequestType.SEGMENT) {
+        if (response.data && response.data.byteLength > 4 &&
+          new DataView(response.data).getUint32(0) === HTTP_IN_HEX) {
+          // Interpret the response data as a URL string.
+          const responseAsString = shaka.util.StringUtils.fromUTF8(response.data)
+
+          const retryParameters = player.getConfiguration().streaming.retryParameters
+
+          // Make another request for the redirect URL.
+          const uris = [responseAsString]
+          const redirectRequest = shaka.net.NetworkingEngine.makeRequest(uris, retryParameters)
+          const requestOperation = player.getNetworkingEngine().request(type, redirectRequest, context)
+          const redirectResponse = await requestOperation.promise
+
+          // Modify the original response to contain the results of the redirect
+          // response.
+          response.data = redirectResponse.data
+          response.headers = redirectResponse.headers
+          response.uri = redirectResponse.uri
+        } else {
+          const url = new URL(response.uri)
+
+          // Fix positioning for auto-generated subtitles
+          if (url.hostname.endsWith('.youtube.com') && url.pathname === '/api/timedtext' &&
+            url.searchParams.get('caps') === 'asr' && url.searchParams.get('kind') === 'asr' && url.searchParams.get('fmt') === 'vtt') {
+            const stringBody = new TextDecoder().decode(response.data)
+            const cleaned = stringBody.replaceAll(/ align:start position:0%$/gm, '')
+
+            response.data = new TextEncoder().encode(cleaned).buffer
+          }
+        }
+      }
+    }
+
+    // #endregion request/response filters
+
+    // #region media session
+
+    /** @type {MediaSessionActionHandler} */
+    function mediaSessionActionHandler(details) {
+      const video_ = video.value
+
+      switch (details.action) {
+        case 'play':
+          video_.play()
+          break
+        case 'pause':
+          video_.pause()
+          break
+        case 'seekbackward':
+          video_.currentTime -= (details.seekOffset || defaultSkipInterval.value)
+          break
+        case 'seekforward':
+          video_.currentTime += (details.seekOffset || defaultSkipInterval.value)
+          break
+        case 'seekto': {
+          const { start: seekRangeStart } = player.seekRange()
+
+          if (details.fastSeek) {
+            video_.fastSeek(seekRangeStart + details.seekTime)
+          } else {
+            video_.currentTime = seekRangeStart + details.seekTime
+          }
+          break
+        }
+      }
+    }
+
+    /**
+     * @param {number|Event} currentTime
+     */
+    function updateMediaSessionPositionState(currentTime) {
+      if (hasLoaded.value && 'mediaSession' in navigator) {
+        const seekRange = player.seekRange()
+
+        if (typeof currentTime !== 'number') {
+          currentTime = video.value.currentTime
+        }
+
+        const duration = seekRange.end - seekRange.start
+
+        const playbackRate = video.value.playbackRate
+
+        navigator.mediaSession.setPositionState({
+          duration,
+          position: Math.min(Math.max(0, currentTime - seekRange.start), duration),
+          playbackRate: playbackRate > 0 ? playbackRate : undefined
+        })
+      }
+    }
+
+    // #endregion media session
+
+    // #region set quality
+
+    /**
+     * @param {number} quality
+     */
+    function setDashQuality(quality) {
+      let variants = player.getVariantTracks()
+
+      if (hasMultipleAudioTracks.value) {
+        // default audio track
+        variants = variants.filter(variant => variant.audioRoles.includes('main'))
+      }
+
+      const isPortrait = variants[0].height > variants[0].width
+
+      let matches = variants.filter(variant => {
+        return quality === (isPortrait ? variant.width : variant.height)
+      })
+
+      if (matches.length === 0) {
+        matches = variants.filter(variant => {
+          return quality > (isPortrait ? variant.width : variant.height)
+        })
+      }
+
+      matches.sort((a, b) => isPortrait ? b.width - a.width : b.height - a.height)
+      variants = matches
+
+      player.selectVariantTrack(variants[0])
+    }
+
+    /**
+     * @param {'dash'|'audio'|null} previousFormat
+     * @param {number|null} playbackPosition
+     */
+    async function setLegacyQuality(previousFormat = null, playbackPosition = null) {
+      /** @type {object[]} */
+      const legacyFormats = props.legacyFormats
+
+      // TODO: switch to using height and width when Invidious starts returning them, instead of parsing the quality label
+
+      let previousQuality
+      if (previousFormat === 'dash') {
+        const previousTrack = player.getVariantTracks().find(track => track.active)
+
+        previousQuality = previousTrack.height > previousTrack.width ? previousTrack.width : previousTrack.height
+      } else if (defaultQuality.value === 'auto') {
+        previousQuality = Infinity
+      } else {
+        previousQuality = defaultQuality.value
+      }
+
+      let matches = legacyFormats.filter(variant => {
+        return previousQuality === qualityLabelToDimension(variant.qualityLabel)
+      })
+
+      if (matches.length === 0) {
+        matches = legacyFormats.filter(variant => {
+          return previousQuality > qualityLabelToDimension(variant.qualityLabel)
+        })
+
+        if (matches.length > 0) {
+          matches.sort((a, b) => b.bitrate - a.bitrate)
+        } else {
+          matches = legacyFormats.sort((a, b) => a.bitrate - b.bitrate)
+        }
+      }
+
+      hasMultipleAudioTracks.value = false
+      hasMultipleAudioChannelCounts = false
+
+      events.dispatchEvent(new CustomEvent('setLegacyFormat', {
+        detail: {
+          format: matches[0],
+          playbackPosition
+        }
+      }))
+    }
+
+    // #endregion set quality
+
+    // #region stats
+
+    function gatherInitialStatsValues() {
+      /** @type {HTMLVideoElement} */
+      const video_ = video.value
+
+      stats.volume = (video_.volume * 100).toFixed(1)
+
+      if (props.format === 'legacy') {
+        updateLegacyQualityStats(activeLegacyFormat.value)
+      }
+
+      const playerDimensions = video_.getBoundingClientRect()
+      stats.playerDimensions = {
+        width: Math.floor(playerDimensions.width),
+        height: Math.floor(playerDimensions.height)
+      }
+
+      if (!hasLoaded.value) {
+        player.addEventListener('loaded', () => {
+          if (showStats.value) {
+            if (props.format !== 'legacy') {
+              updateQualityStats({
+                newTrack: player.getVariantTracks().find(track => track.active)
+              })
+            }
+
+            updateStats()
+          }
+        }, {
+          once: true
+        })
+
+        return
+      }
+
+      if (props.format !== 'legacy') {
+        updateQualityStats({
+          newTrack: player.getVariantTracks().find(track => track.active)
+        })
+      }
+
+      updateStats()
+    }
+
+    /**
+     * @param {{
+     *   type: ('adaptation'|'variantchanged'),
+     *   newTrack: shaka.extern.Track,
+     *   oldTrack: shaka.extern.Track
+     * }} track
+     */
+    function updateQualityStats({ newTrack }) {
+      if (!showStats.value || props.format === 'legacy') {
+        return
+      }
+
+      stats.bitrate = (newTrack.bandwidth / 1000).toFixed(2)
+
+      // Combined audio and video HLS streams
+      if (newTrack.videoCodec.includes(',')) {
+        stats.codecs.audioItag = ''
+        stats.codecs.videoItag = ''
+
+        const [audioCodec, videoCodec] = newTrack.videoCodec.split(',')
+
+        stats.codecs.audioCodec = audioCodec
+        stats.codecs.videoCodec = videoCodec
+
+        stats.resolution.frameRate = newTrack.frameRate
+        stats.resolution.width = newTrack.width
+        stats.resolution.height = newTrack.height
+      } else {
+        // for videos with multiple audio tracks, youtube.js appends the track id to the itag, to make it unique
+        stats.codecs.audioItag = newTrack.originalAudioId.split('-')[0]
+        stats.codecs.audioCodec = newTrack.audioCodec
+
+        if (props.format === 'dash') {
+          stats.resolution.frameRate = newTrack.frameRate
+
+          stats.codecs.videoItag = newTrack.originalVideoId
+          stats.codecs.videoCodec = newTrack.videoCodec
+
+          stats.resolution.width = newTrack.width
+          stats.resolution.height = newTrack.height
+        }
+      }
+    }
+
+    function updateLegacyQualityStats(newFormat) {
+      if (!showStats.value || props.format !== 'legacy') {
+        return
+      }
+
+      const { fps, bitrate, mimeType, itag, width, height } = newFormat
+
+      const codecsMatch = mimeType.match(/codecs="(?<videoCodec>.+), ?(?<audioCodec>.+)"/)
+
+      stats.codecs.audioItag = itag
+      stats.codecs.audioCodec = codecsMatch.groups.audioCodec
+
+      stats.codecs.videoItag = itag
+      stats.codecs.videoCodec = codecsMatch.groups.videoCodec
+
+      stats.resolution.frameRate = fps
+
+      stats.bitrate = (bitrate / 1000).toFixed(2)
+
+      if (typeof width === 'undefined' || typeof height === 'undefined') {
+        // Invidious doesn't provide any height or width information for their legacy formats, so lets read it from the video instead
+        // they have a size property but it's hard-coded, so it reports false information for shorts for example
+        const video_ = video.value
+
+        if (hasLoaded.value) {
+          stats.resolution.width = video_.videoWidth
+          stats.resolution.height = video_.videoHeight
+        } else {
+          video_.addEventListener('loadeddata', () => {
+            stats.resolution.width = video_.videoWidth
+            stats.resolution.height = video_.videoHeight
+          }, {
+            once: true
+          })
+        }
+      } else {
+        stats.resolution.width = width
+        stats.resolution.height = height
+      }
+    }
+
+    function updateStats() {
+      const playerDimensions = video.value.getBoundingClientRect()
+      stats.playerDimensions = {
+        width: Math.floor(playerDimensions.width),
+        height: Math.floor(playerDimensions.height)
+      }
+
+      const playerStats = player.getStats()
+
+      if (props.format !== 'audio') {
+        stats.frames = {
+          droppedFrames: playerStats.droppedFrames,
+          totalFrames: playerStats.decodedFrames
+        }
+      }
+
+      if (props.format !== 'legacy') {
+        // estimated bandwidth is NaN for legacy, as none of the requests go through shaka,
+        // so it has no way to estimate the bandwidth
+        stats.bandwidth = (playerStats.estimatedBandwidth / 1000).toFixed(2)
+      }
+
+      let bufferedSeconds = 0
+
+      const buffered = player.getBufferedInfo().total
+
+      for (const { start, end } of buffered) {
+        bufferedSeconds += end - start
+      }
+
+      const seekRange = player.seekRange()
+      const duration = seekRange.end - seekRange.start
+
+      stats.buffered = ((bufferedSeconds / duration) * 100).toFixed(2)
+    }
+
+    watch(showStats, (newValue) => {
+      if (newValue) {
+        // for abr changes/auto quality
+        player.addEventListener('adaptation', updateQualityStats)
+
+        // for manual changes e.g. in quality selector
+        player.addEventListener('variantchanged', updateQualityStats)
+      } else {
+        // for abr changes/auto quality
+        player.removeEventListener('adaptation', updateQualityStats)
+
+        // for manual changes e.g. in quality selector
+        player.removeEventListener('variantchanged', updateQualityStats)
+      }
+    })
+
+    watch(activeLegacyFormat, updateLegacyQualityStats)
+
+    // #endregion stats
+
+    // #region screenshots
+
+    async function takeScreenshot() {
+      // TODO: needs to be refactored to be less reliant on node stuff, so that it can be used in the web (and android) builds
+
+      const video_ = video.value
+
+      const width = video_.videoWidth
+      const height = video_.videoHeight
+
+      if (width <= 0) {
+        return
+      }
+
+      // Need to set crossorigin="anonymous" for LegacyFormat on Invidious
+      // https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image
+      const canvas = document.createElement('canvas')
+      canvas.width = width
+      canvas.height = height
+      canvas.getContext('2d').drawImage(video_, 0, 0)
+
+      const format = screenshotFormat.value
+      const mimeType = `image/${format === 'jpg' ? 'jpeg' : format}`
+      const imageQuality = format === 'jpg' ? screenshotQuality.value / 100 : 1
+
+      let filename
+      try {
+        filename = await store.dispatch('parseScreenshotCustomFileName', {
+          date: new Date(Date.now()),
+          playerTime: video_.currentTime,
+          videoId: props.videoId
+        })
+      } catch (err) {
+        console.error(`Parse failed: ${err.message}`)
+        showToast(i18n.t('Screenshot Error', { error: err.message }))
+        canvas.remove()
+        return
+      }
+
+      let subDir = ''
+      if (filename.indexOf(path.sep) !== -1) {
+        const lastIndex = filename.lastIndexOf(path.sep)
+        subDir = filename.substring(0, lastIndex)
+        filename = filename.substring(lastIndex + 1)
+      }
+      const filenameWithExtension = `${filename}.${format}`
+
+      let dirPath
+      let filePath
+      if (screenshotAskPath.value) {
+        const wasPlaying = !video_.paused
+        if (wasPlaying) {
+          video_.pause()
+        }
+
+        if (screenshotFolder.value === '' || !(await pathExists(screenshotFolder.value))) {
+          dirPath = await getPicturesPath()
+        } else {
+          dirPath = screenshotFolder.value
+        }
+
+        const options = {
+          defaultPath: path.join(dirPath, filenameWithExtension),
+          filters: [
+            {
+              name: format.toUpperCase(),
+              extensions: [format]
+            }
+          ]
+        }
+
+        const response = await showSaveDialog(options)
+        if (wasPlaying) {
+          video_.play()
+        }
+        if (response.canceled || response.filePath === '') {
+          canvas.remove()
+          return
+        }
+
+        filePath = response.filePath
+        if (!filePath.endsWith(`.${format}`)) {
+          filePath = `${filePath}.${format}`
+        }
+
+        dirPath = path.dirname(filePath)
+        store.dispatch('updateScreenshotFolderPath', dirPath)
+      } else {
+        if (screenshotFolder.value === '') {
+          dirPath = path.join(await getPicturesPath(), 'Freetube', subDir)
+        } else {
+          dirPath = path.join(screenshotFolder.value, subDir)
+        }
+
+        if (!(await pathExists(dirPath))) {
+          try {
+            await fs.mkdir(dirPath, { recursive: true })
+          } catch (err) {
+            console.error(err)
+            showToast(i18n.t('Screenshot Error', { error: err }))
+            canvas.remove()
+            return
+          }
+        }
+        filePath = path.join(dirPath, filenameWithExtension)
+      }
+
+      canvas.toBlob((result) => {
+        result.arrayBuffer().then(ab => {
+          const arr = new Uint8Array(ab)
+
+          fs.writeFile(filePath, arr)
+            .then(() => {
+              showToast(i18n.t('Screenshot Success', { filePath }))
+            })
+            .catch((err) => {
+              console.error(err)
+              showToast(i18n.t('Screenshot Error', { error: err }))
+            })
+        })
+      }, mimeType, imageQuality)
+      canvas.remove()
+    }
+
+    // #endregion screenshots
+
+    // #region custom player controls
+
+    function registerAudioTrackSelection() {
+      /** @implements {shaka.extern.IUIElement.Factory} */
+      class AudioTrackSelectionFactory {
+        create(rootElement, controls) {
+          return new AudioTrackSelection(events, rootElement, controls)
+        }
+      }
+
+      shaka.ui.Controls.registerElement('ft_audio_tracks', new AudioTrackSelectionFactory())
+      shaka.ui.OverflowMenu.registerElement('ft_audio_tracks', new AudioTrackSelectionFactory())
+    }
+
+    function registerTheatreModeButton() {
+      events.addEventListener('toggleTheatreMode', () => {
+        emit('toggle-theatre-mode')
+      })
+
+      /**
+       * @implements {shaka.extern.IUIElement.Factory}
+       */
+      class TheatreModeButtonFactory {
+        create(rootElement, controls) {
+          return new TheatreModeButton(props.useTheatreMode, events, rootElement, controls)
+        }
+      }
+
+      shaka.ui.Controls.registerElement('ft_theatre_mode', new TheatreModeButtonFactory())
+      shaka.ui.OverflowMenu.registerElement('ft_theatre_mode', new TheatreModeButtonFactory())
+    }
+
+    function registerFullWindowButton() {
+      events.addEventListener('setFullWindow', (/** @type {CustomEvent} */ event) => {
+        if (event.detail) {
+          window.scrollTo({ top: 0, left: 0, behavior: 'instant' })
+        }
+
+        fullWindowEnabled.value = event.detail
+
+        if (fullWindowEnabled.value) {
+          document.body.classList.add('playerFullWindow')
+        } else {
+          document.body.classList.remove('playerFullWindow')
+        }
+      })
+
+      /**
+       * @implements {shaka.extern.IUIElement.Factory}
+       */
+      class FullWindowButtonFactory {
+        create(rootElement, controls) {
+          return new FullWindowButton(fullWindowEnabled.value, events, rootElement, controls)
+        }
+      }
+
+      shaka.ui.Controls.registerElement('ft_full_window', new FullWindowButtonFactory())
+      shaka.ui.OverflowMenu.registerElement('ft_full_window', new FullWindowButtonFactory())
+    }
+
+    function registerLegacyQualitySelection() {
+      events.addEventListener('setLegacyFormat', async (/** @type {CustomEvent} */ event) => {
+        const { format, playbackPosition, restoreCaptionIndex: restoreCaptionIndex_ = null } = event.detail
+
+        if (restoreCaptionIndex_ !== null) {
+          restoreCaptionIndex = restoreCaptionIndex_
+        }
+
+        activeLegacyFormat.value = event.detail.format
+        try {
+          await player.load(format.url, playbackPosition, format.mimeType)
+        } catch (error) {
+          handleError(error, 'setLegacyFormat', event.detail)
+        }
+      })
+
+      /**
+       * @implements {shaka.extern.IUIElement.Factory}
+       */
+      class LegacyQualitySelectionFactory {
+        create(rootElement, controls) {
+          return new LegacyQualitySelection(
+            activeLegacyFormat.value,
+            props.legacyFormats,
+            events,
+            rootElement,
+            controls
+          )
+        }
+      }
+
+      shaka.ui.Controls.registerElement('ft_legacy_quality', new LegacyQualitySelectionFactory())
+      shaka.ui.OverflowMenu.registerElement('ft_legacy_quality', new LegacyQualitySelectionFactory())
+    }
+
+    function registerStatsButton() {
+      events.addEventListener('setStatsVisibility', (/** @type {CustomEvent} */ event) => {
+        showStats.value = event.detail
+
+        if (showStats.value) {
+          gatherInitialStatsValues()
+        }
+      })
+
+      /**
+       * @implements {shaka.extern.IUIElement.Factory}
+       */
+      class StatsButtonFactory {
+        create(rootElement, controls) {
+          return new StatsButton(showStats.value, events, rootElement, controls)
+        }
+      }
+
+      shaka.ui.ContextMenu.registerElement('ft_stats', new StatsButtonFactory())
+    }
+
+    function registerScreenshotButton() {
+      events.addEventListener('takeScreenshot', () => {
+        takeScreenshot()
+      })
+
+      /**
+       * @implements {shaka.extern.IUIElement.Factory}
+       */
+      class ScreenshotButtonFactory {
+        create(rootElement, controls) {
+          return new ScreenshotButton(events, rootElement, controls)
+        }
+      }
+
+      shaka.ui.Controls.registerElement('ft_screenshot', new ScreenshotButtonFactory())
+      shaka.ui.OverflowMenu.registerElement('ft_screenshot', new ScreenshotButtonFactory())
+    }
+
+    // #endregion custom player controls
+
+    // #region mouse and keyboard helpers
+
+    /**
+     * @param {number} step
+     */
+    function changeVolume(step) {
+      const volumeBar = container.value.querySelector('.shaka-volume-bar')
+
+      const newValue = parseFloat(volumeBar.value) + (step * 100)
+
+      if (newValue < 0) {
+        volumeBar.value = 0
+      } else if (newValue > 100) {
+        volumeBar.value = 100
+      } else {
+        volumeBar.value = newValue
+      }
+
+      volumeBar.dispatchEvent(new Event('input', { bubbles: true, cancelable: true }))
+    }
+
+    /**
+     * @param {number} step
+     */
+    function changePlayBackRate(step) {
+      const video_ = video.value
+      const newPlaybackRate = parseFloat((video_.playbackRate + step).toFixed(2))
+
+      // The following error is thrown if you go below 0.07:
+      // The provided playback rate (0.05) is not in the supported playback range.
+      if (newPlaybackRate > 0.07 && newPlaybackRate <= maxVideoPlaybackRate.value) {
+        video_.playbackRate = newPlaybackRate
+        video_.defaultPlaybackRate = newPlaybackRate
+      }
+    }
+
+    function canSeek() {
+      if (!player || !hasLoaded.value) {
+        return false
+      }
+
+      const seekRange = player.seekRange()
+
+      // Seeking not possible e.g. with HLS
+      if (seekRange.start === seekRange.end) {
+        return false
+      }
+
+      return true
+    }
+
+    /**
+     * @param {number} seconds The number of seconds to seek by, positive values seek forwards, negative ones seek backwards
+     * @param {boolean} canSeekResult Allow functions that have already checked whether seeking is possible, to skip the extra check (e.g. frameByFrame)
+     */
+    function seekBySeconds(seconds, canSeekResult = false) {
+      if (!(canSeekResult || canSeek())) {
+        return
+      }
+
+      const seekRange = player.seekRange()
+
+      const video_ = video.value
+
+      const currentTime = video_.currentTime
+      const newTime = currentTime + seconds
+
+      if (newTime < seekRange.start) {
+        video_.currentTime = seekRange.start
+      } else if (newTime > seekRange.end) {
+        if (isLive.value) {
+          player.goToLive()
+        } else {
+          video_.currentTime = seekRange.end
+        }
+      } else {
+        video_.currentTime = newTime
+      }
+    }
+
+    // #endregion mouse and keyboard helpers
+
+    // #region mouse scroll handlers
+
+    /**
+     * @param {WheelEvent} event
+     */
+    function mouseScrollPlaybackRate(event) {
+      event.preventDefault()
+
+      if ((event.deltaY < 0 || event.deltaX > 0)) {
+        changePlayBackRate(0.05)
+      } else if ((event.deltaY > 0 || event.deltaX < 0)) {
+        changePlayBackRate(-0.05)
+      }
+    }
+
+    /**
+     * @param {WheelEvent} event
+     */
+    function mouseScrollSkip(event) {
+      if (canSeek()) {
+        event.preventDefault()
+
+        if ((event.deltaY < 0 || event.deltaX > 0)) {
+          seekBySeconds(defaultSkipInterval.value * video.value.playbackRate, true)
+        } else if ((event.deltaY > 0 || event.deltaX < 0)) {
+          seekBySeconds(-defaultSkipInterval.value * video.value.playbackRate, true)
+        }
+      }
+    }
+
+    /**
+     * @param {WheelEvent} event
+     * */
+    function mouseScrollVolume(event) {
+      if (!event.ctrlKey && !event.metaKey) {
+        event.preventDefault()
+        event.stopPropagation()
+
+        const video_ = video.value
+
+        if (video_.muted && (event.deltaY < 0 || event.deltaX > 0)) {
+          video_.muted = false
+          video_.volume = 0
+        }
+
+        if (!video_.muted) {
+          if ((event.deltaY < 0 || event.deltaX > 0)) {
+            changeVolume(0.05)
+          } else if ((event.deltaY > 0 || event.deltaX < 0)) {
+            changeVolume(-0.05)
+          }
+        }
+      }
+    }
+
+    // #endregion mouse scroll handlers
+
+    // #region keyboard shortcuts
+
+    /**
+     * determines whether the jump to the previous or next chapter
+     * with the the keyboard shortcuts, should be done
+     * first it checks whether there are any chapters (the array is also empty if chapters are hidden)
+     * it also checks that the approprate combination was used ALT/OPTION on macOS and CTRL everywhere else
+     * @param {KeyboardEvent} event the keyboard event
+     * @param {string} direction the direction of the jump either previous or next
+     */
+    function canChapterJump(event, direction) {
+      const currentChapter = props.currentChapterIndex
+      return props.chapters.length > 0 &&
+        (direction === 'previous' ? currentChapter > 0 : props.chapters.length - 1 !== currentChapter) &&
+        ((process.platform !== 'darwin' && event.ctrlKey) ||
+          (process.platform === 'darwin' && event.metaKey))
+    }
+
+    /**
+     * @param {number} step
+     */
+    function frameByFrame(step) {
+      if (props.format === 'audio' || !canSeek()) {
+        return
+      }
+
+      video.value.pause()
+
+      /** @type {number} */
+      let fps
+      if (props.format === 'legacy') {
+        fps = activeLegacyFormat.value.fps
+      } else {
+        fps = player.getVariantTracks().find(track => track.active).frameRate
+      }
+
+      const frameTime = 1 / fps
+      const dist = frameTime * step
+      seekBySeconds(dist, true)
+    }
+
+    /**
+     * @param {KeyboardEvent} event
+     */
+    function keyboardShortcutHandler(event) {
+      if (!player || !hasLoaded.value) {
+        return
+      }
+
+      if (document.activeElement.classList.contains('ft-input') || event.altKey) {
+        return
+      }
+
+      // allow chapter jump keyboard shortcuts
+      if (event.ctrlKey && (process.platform === 'darwin' || (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight'))) {
+        return
+      }
+
+      // allow copying text
+      if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'c') {
+        return
+      }
+
+      const video_ = video.value
+
+      switch (event.key) {
+        case ' ':
+        case 'Spacebar': // older browsers might return spacebar instead of a space character
+        case 'K':
+        case 'k':
+          // Toggle Play/Pause
+          event.preventDefault()
+          video_.paused ? video_.play() : video_.pause()
+          break
+        case 'J':
+        case 'j':
+          // Rewind by 2x the time-skip interval (in seconds)
+          event.preventDefault()
+          seekBySeconds(-defaultSkipInterval.value * video_.playbackRate * 2)
+          break
+        case 'L':
+        case 'l':
+          // Fast-Forward by 2x the time-skip interval (in seconds)
+          event.preventDefault()
+          seekBySeconds(defaultSkipInterval.value * video_.playbackRate * 2)
+          break
+        case 'O':
+        case 'o':
+          // Decrease playback rate by user configured interval
+          event.preventDefault()
+          changePlayBackRate(-videoPlaybackRateInterval.value)
+          break
+        case 'P':
+        case 'p':
+          // Increase playback rate by user configured interval
+          event.preventDefault()
+          changePlayBackRate(videoPlaybackRateInterval.value)
+          break
+        case 'F':
+        case 'f':
+          // Toggle full screen
+          event.preventDefault()
+          ui.getControls().toggleFullScreen()
+          break
+        case 'M':
+        case 'm':
+          // Toggle mute
+          event.preventDefault()
+          video_.muted = !video_.muted
+          break
+        case 'C':
+        case 'c':
+          // Toggle caption/subtitles
+          if (player.getTextTracks().length > 0) {
+            event.preventDefault()
+
+            const currentlyVisible = player.isTextTrackVisible()
+            player.setTextTrackVisibility(!currentlyVisible)
+          }
+          break
+        case 'ArrowUp':
+          // Increase volume
+          event.preventDefault()
+          changeVolume(0.05)
+          break
+        case 'ArrowDown':
+          // Decrease Volume
+          event.preventDefault()
+          changeVolume(-0.05)
+          break
+        case 'ArrowLeft':
+          event.preventDefault()
+          if (canChapterJump(event, 'previous')) {
+            // Jump to the previous chapter
+            video_.currentTime = props.chapters[props.currentChapterIndex - 1].startSeconds
+          } else {
+            // Rewind by the time-skip interval (in seconds)
+            seekBySeconds(-defaultSkipInterval.value * video_.playbackRate)
+          }
+          break
+        case 'ArrowRight':
+          event.preventDefault()
+          if (canChapterJump(event, 'next')) {
+            // Jump to the next chapter
+            video_.currentTime = (props.chapters[props.currentChapterIndex + 1].startSeconds)
+          } else {
+            // Fast-Forward by the time-skip interval (in seconds)
+            seekBySeconds(defaultSkipInterval.value * video_.playbackRate)
+          }
+          break
+        case 'I':
+        case 'i':
+          // Toggle picture in picture
+          if (props.format !== 'audio') {
+            const controls = ui.getControls()
+            if (controls.isPiPAllowed()) {
+              controls.togglePiP()
+            }
+          }
+          break
+        case '0':
+        case '1':
+        case '2':
+        case '3':
+        case '4':
+        case '5':
+        case '6':
+        case '7':
+        case '8':
+        case '9': {
+          // Jump to percentage in the video
+          if (canSeek()) {
+            event.preventDefault()
+
+            // use seek range instead of duration so that it works for live streams too
+            const seekRange = player.seekRange()
+
+            const length = seekRange.end - seekRange.start
+            const percentage = parseInt(event.key) / 10
+
+            video_.currentTime = seekRange.start + (length * percentage)
+          }
+          break
+        }
+        case ',':
+          event.preventDefault()
+          // Return to previous frame
+          frameByFrame(-1)
+          break
+        case '.':
+          event.preventDefault()
+          // Advance to next frame
+          frameByFrame(1)
+          break
+        case 'D':
+        case 'd':
+          // Toggle stats display
+          event.preventDefault()
+
+          events.dispatchEvent(new CustomEvent('setStatsVisibility', {
+            detail: !showStats.value
+          }))
+          break
+        case 'Escape':
+          // Exit full window
+          if (fullWindowEnabled.value) {
+            event.preventDefault()
+
+            events.dispatchEvent(new CustomEvent('setFullWindow', {
+              detail: false
+            }))
+          }
+          break
+        case 'S':
+        case 's':
+          // Toggle full window mode
+          event.preventDefault()
+          events.dispatchEvent(new CustomEvent('setFullWindow', {
+            detail: !fullWindowEnabled.value
+          }))
+          break
+        case 'T':
+        case 't':
+          // Toggle theatre mode
+          if (props.theatrePossible) {
+            event.preventDefault()
+
+            events.dispatchEvent(new CustomEvent('toggleTheatreMode', {
+              detail: !props.useTheatreMode
+            }))
+          }
+          break
+        case 'U':
+        case 'u':
+          if (process.env.IS_ELECTRON && enableScreenshot.value && props.format !== 'audio') {
+            event.preventDefault()
+            // Take screenshot
+            takeScreenshot()
+          }
+          break
+      }
+    }
+
+    // #endregion keyboard shortcuts
+
+    /**
+     * @param {shaka.util.Error} error
+     * @param {string} context
+     * @param {object=} details
+     */
+    function handleError(error, context, details) {
+      logShakaError(error, context, props.videoId, details)
+
+      // text related errors aren't serious (captions and seek bar thumbnails), so we should just log them
+      // TODO: consider only emitting when the severity is crititcal?
+      if (error.category !== shaka.util.Error.Category.TEXT) {
+        emit('error', error)
+
+        stopPowerSaveBlocker()
+
+        if ('mediaSession' in navigator) {
+          navigator.mediaSession.playbackState = 'none'
+        }
+      }
+    }
+
+    // #region seek bar markers
+
+    /**
+     * @param {number} duration As the sponsorblock segments can sometimes load before the video does, we need to pass in the duration here
+     */
+    function createSponsorBlockMarkers(duration) {
+      addMarkers(
+        sponsorBlockSegments.map(segment => {
+          const markerDiv = document.createElement('div')
+
+          markerDiv.title = translateSponsorBlockCategory(segment.category)
+          markerDiv.className = `sponsorBlockMarker main${sponsorSkips.value.categoryData[segment.category].color}`
+          markerDiv.style.width = `${((segment.endTime - segment.startTime) / duration) * 100}%`
+          markerDiv.style.left = `${(segment.startTime / duration) * 100}%`
+
+          return markerDiv
+        })
+      )
+    }
+
+    function createChapterMarkers() {
+      const { start, end } = player.seekRange()
+      const duration = end - start
+
+      /**
+       * @type {{
+       *   title: string,
+       *   timestamp: string,
+       *   startSeconds: number,
+       *   endSeconds: number,
+       *   thumbnail?: string
+       * }[]}
+       */
+      const chapters = props.chapters
+
+      addMarkers(
+        chapters.map(chapter => {
+          const markerDiv = document.createElement('div')
+
+          markerDiv.title = chapter.title
+          markerDiv.className = 'chapterMarker'
+          markerDiv.style.left = `calc(${(chapter.startSeconds / duration) * 100}% - 1px)`
+
+          return markerDiv
+        })
+      )
+    }
+
+    /**
+     * @param {HTMLDivElement[]} markers
+     */
+    function addMarkers(markers) {
+      const seekBarContainer = container.value.querySelector('.shaka-seek-bar-container')
+
+      if (seekBarContainer.firstElementChild?.classList.contains('markerContainer')) {
+        /** @type {HTMLDivElement} */
+        const markerBar = seekBarContainer.firstElementChild
+
+        markers.forEach(marker => markerBar.appendChild(marker))
+      } else {
+        const markerBar = document.createElement('div')
+        markerBar.className = 'markerContainer'
+
+        markers.forEach(marker => markerBar.appendChild(marker))
+
+        seekBarContainer.insertBefore(markerBar, seekBarContainer.firstElementChild)
+      }
+    }
+
+    // #endregion seek bar markers
+
+    // #region offline message
+
+    const isOffline = ref(!navigator.onLine)
+    const isBuffering = ref(false)
+
+    function onlineHandler() {
+      isOffline.value = false
+    }
+
+    function offlineHandler() {
+      isOffline.value = true
+    }
+
+    window.addEventListener('online', onlineHandler)
+    window.addEventListener('offline', offlineHandler)
+
+    // Only display the offline message while buffering/the loading symbol is visible.
+    // If we briefly lose the connection but it comes back before the buffer is empty,
+    // the user won't notice anything so we don't need to display the message.
+    const showOfflineMessage = computed(() => {
+      return isOffline.value && isBuffering.value
+    })
+
+    // #endregion offline message
+
+    // #region setup
+
+    onMounted(async () => {
+      const videoElement = video.value
+
+      const volume = sessionStorage.getItem('volume')
+      if (volume !== null) {
+        videoElement.volume = parseFloat(volume)
+      }
+
+      const muted = sessionStorage.getItem('muted')
+      if (muted !== null) {
+        // as sessionStorage stores string values which are truthy by default so we must check with 'true'
+        // otherwise 'false' will be returned as true as well
+        videoElement.muted = (muted === 'true')
+      }
+
+      videoElement.playbackRate = defaultPlayback.value
+      videoElement.defaultPlaybackRate = defaultPlayback.value
+
+      const localPlayer = new shaka.Player()
+
+      ui = new shaka.ui.Overlay(
+        localPlayer,
+        container.value,
+        videoElement,
+        vrCanvas.value
+      )
+
+      // This has to be called after creating the UI, so that the player uses the UI's UITextDisplayer
+      // otherwise it uses the browsers native captions which get displayed underneath the UI controls
+      await localPlayer.attach(videoElement)
+
+      // check if the component is already getting destroyed
+      // which is possible because this function runs asynchronously
+      if (!ui) {
+        return
+      }
+
+      const controls = ui.getControls()
+      player = controls.getPlayer()
+
+      player.addEventListener('buffering', event => {
+        isBuffering.value = event.buffering
+      })
+
+      player.addEventListener('error', event => handleError(event.detail, 'shaka error handler'))
+
+      player.configure(getPlayerConfig(props.format, defaultQuality.value === 'auto'))
+
+      if (process.env.SUPPORTS_LOCAL_API) {
+        player.getNetworkingEngine().registerRequestFilter(requestFilter)
+        player.getNetworkingEngine().registerResponseFilter(responseFilter)
+      }
+
+      await setLocale(i18n.locale)
+
+      // check if the component is already getting destroyed
+      // which is possible because this function runs asynchronously
+      if (!ui || !player) {
+        return
+      }
+
+      if (process.env.IS_ELECTRON) {
+        registerScreenshotButton()
+      }
+      registerAudioTrackSelection()
+      registerTheatreModeButton()
+      registerFullWindowButton()
+      registerLegacyQualitySelection()
+      registerStatsButton()
+
+      if (ui.isMobile()) {
+        useOverFlowMenu.value = true
+      } else {
+        useOverFlowMenu.value = container.value.getBoundingClientRect().width <= USE_OVERFLOW_MENU_WIDTH_THRESHOLD
+
+        resizeObserver = new ResizeObserver(resized)
+        resizeObserver.observe(container.value)
+      }
+
+      controls.addEventListener('uiupdated', addUICustomizations)
+      configureUI(true)
+
+      if (props.format === 'legacy' && sortedCaptions.length > 0) {
+        await setUpLegacyTextDisplay(videoElement, container.value)
+
+        // check if the component is already getting destroyed
+        // which is possible because this function runs asynchronously
+        if (!ui || !player) {
+          return
+        }
+      }
+
+      document.removeEventListener('keydown', keyboardShortcutHandler)
+      document.addEventListener('keydown', keyboardShortcutHandler)
+
+      player.addEventListener('loading', () => {
+        hasLoaded.value = false
+
+        if ('mediaSession' in navigator) {
+          navigator.mediaSession.setActionHandler('play', null)
+          navigator.mediaSession.setActionHandler('pause', null)
+          navigator.mediaSession.setActionHandler('seekto', null)
+          navigator.mediaSession.setActionHandler('seekbackward', null)
+          navigator.mediaSession.setActionHandler('seekforward', null)
+          navigator.mediaSession.setPositionState()
+        }
+      })
+
+      player.addEventListener('loaded', handleLoaded)
+
+      if (props.format !== 'legacy') {
+        player.addEventListener('streaming', () => {
+          if (props.startTime !== null) {
+            if (player.isLive() || player.getManifestType() === 'HLS') {
+              player.updateStartTime(null)
+            } else {
+              const { end } = player.seekRange()
+
+              if (props.startTime > (end - 10)) {
+                player.updateStartTime(end - 10)
+              }
+            }
+          }
+
+          hasMultipleAudioTracks.value = player.getAudioLanguagesAndRoles().length > 1
+          hasMultipleAudioChannelCounts = new Set(player.getVariantTracks().map(track => track.channelsCount)).size > 1
+
+          if (props.format === 'dash') {
+            const firstVariant = player.getVariantTracks()[0]
+
+            // force the player aspect ratio to 16:9 to avoid overflowing the layout
+            forceAspectRatio.value = firstVariant.width / firstVariant.height < 1.5
+          }
+        })
+      } else {
+        // force the player aspect ratio to 16:9 to avoid overflowing the layout, when the video is too tall
+
+        // Invidious doesn't provide any height or width information for their legacy formats, so lets read it from the video instead
+        // they have a size property but it's hard-coded, so it reports false information for shorts for example
+
+        const firstFormat = props.legacyFormats[0]
+        if (typeof firstFormat.width === 'undefined' || typeof firstFormat.height === 'undefined') {
+          videoElement.addEventListener('loadeddata', () => {
+            forceAspectRatio.value = videoElement.videoWidth / videoElement.videoHeight < 1.5
+          }, {
+            once: true
+          })
+        } else {
+          forceAspectRatio.value = firstFormat.width / firstFormat.height < 1.5
+        }
+      }
+
+      if (useSponsorBlock.value && sponsorSkips.value.seekBar.length > 0) {
+        setupSponsorBlock()
+      }
+
+      window.addEventListener('beforeunload', stopPowerSaveBlocker)
+
+      await performFirstLoad()
+    })
+
+    async function performFirstLoad() {
+      if (props.format === 'dash' || props.format === 'audio') {
+        try {
+          await player.load(props.manifestSrc, props.startTime, props.manifestMimeType)
+
+          if (defaultQuality.value !== 'auto') {
+            if (props.format === 'dash') {
+              setDashQuality(defaultQuality.value)
+            } else {
+              let variants = player.getVariantTracks()
+
+              if (hasMultipleAudioTracks.value) {
+                // default audio track
+                variants = variants.filter(variant => variant.audioRoles.includes('main'))
+              }
+
+              const highestBandwidth = Math.max(...variants.map(variant => variant.audioBandwidth))
+              variants = variants.filter(variant => variant.audioBandwidth === highestBandwidth)
+
+              player.selectVariantTrack(variants[0])
+            }
+          }
+        } catch (error) {
+          handleError(error, 'loading dash/audio manifest and setting default quality in mounted')
+        }
+      } else {
+        await setLegacyQuality(null, props.startTime)
+      }
+    }
+
+    /**
+     * Adds the captions and thumbnail tracks, also restores the previously selected captions track,
+     * if this was triggered by a format change and the user had the captions enabled.
+     */
+    async function handleLoaded() {
+      hasLoaded.value = true
+      emit('loaded')
+
+      // ideally we would set this in the `streaming` event handler, but for HLS this is only set to true after the loaded event fires.
+      isLive.value = player.isLive()
+
+      const promises = []
+
+      for (const caption of sortedCaptions) {
+        promises.push(
+          player.addTextTrackAsync(
+            caption.url,
+            caption.language,
+            'captions',
+            caption.mimeType,
+            undefined, // codec, only needed if the captions are inside a container (e.g. mp4)
+            caption.label
+          )
+            .catch(error => handleError(error, 'addTextTrackAsync', caption))
+        )
+      }
+
+      if (!isLive.value && props.storyboardSrc) {
+        promises.push(
+          // Only log the error, as the thumbnails are a nice to have
+          // If an error occurs with them, it's not critical
+          player.addThumbnailsTrack(props.storyboardSrc, 'text/vtt')
+            .catch(error => logShakaError(error, 'addThumbnailsTrack', props.videoId, props.storyboardSrc))
+        )
+      }
+
+      await Promise.all(promises)
+
+      if (restoreCaptionIndex !== null) {
+        const index = restoreCaptionIndex
+        restoreCaptionIndex = null
+
+        const textTrack = player.getTextTracks()[index]
+
+        if (textTrack) {
+          player.selectTextTrack(textTrack)
+
+          if (props.format === 'legacy') {
+            // ensure that only the track we want enabled is enabled
+            // for some reason, after we set the visibility to true
+            // a second track gets enabled, not sure why,
+            // but as far as i can tell it might be Electron itself doing it
+            // weirdly it doesn't happen for shaka's caption selector but we seem to be doing the same stuff
+            // for the moment this hack works
+            //
+            // maybe this issue: https://github.com/shaka-project/shaka-player/issues/3474
+
+            const textTracks = video.value.textTracks
+
+            textTracks.addEventListener('change', () => {
+              for (let i = 0; i < textTracks.length; i++) {
+                const textTrack = textTracks[i]
+                if (textTrack.kind === 'captions' || textTrack.kind === 'subtitles') {
+                  textTrack.mode = i === index ? 'showing' : 'disabled'
+                }
+              }
+            }, {
+              once: true
+            })
+          }
+
+          await player.setTextTrackVisibility(true)
+        }
+      }
+
+      if (props.chapters.length > 0) {
+        createChapterMarkers()
+      }
+
+      if ('mediaSession' in navigator) {
+        navigator.mediaSession.setActionHandler('play', mediaSessionActionHandler)
+        navigator.mediaSession.setActionHandler('pause', mediaSessionActionHandler)
+
+        if (canSeek()) {
+          navigator.mediaSession.setActionHandler('seekto', mediaSessionActionHandler)
+          navigator.mediaSession.setActionHandler('seekbackward', mediaSessionActionHandler)
+          navigator.mediaSession.setActionHandler('seekforward', mediaSessionActionHandler)
+        } else {
+          navigator.mediaSession.setActionHandler('seekto', null)
+          navigator.mediaSession.setActionHandler('seekbackward', null)
+          navigator.mediaSession.setActionHandler('seekforward', null)
+        }
+      }
+    }
+
+    watch(
+      () => props.format,
+      /**
+       * Handles changing between formats. It tries its best to backup and restore the settings:
+       * - playback position
+       * - paused state
+       * - audio track
+       * - captions track
+       * - video quality
+       * @param {'dash'|'audio'|'legacy'} newFormat
+       * @param {'dash'|'audio'|'legacy'} oldFormat
+       */
+      async (newFormat, oldFormat) => {
+        // format switch happened before the player loaded, probably because of an error
+        // as there are no previous player settings to restore, we should treat it like this was the original format
+        if (!hasLoaded.value) {
+          player.configure(getPlayerConfig(newFormat, defaultQuality.value === 'auto'))
+
+          await performFirstLoad()
+          return
+        }
+
+        const video_ = video.value
+
+        const wasPaused = video_.paused
+
+        const useAutoQuality = oldFormat === 'legacy' ? defaultQuality.value === 'auto' : player.getConfiguration().abr.enabled
+
+        if (!wasPaused) {
+          video_.pause()
+        }
+
+        const playbackPosition = video_.currentTime
+
+        const activeCaptionIndex = player.getTextTracks().findIndex(caption => caption.active)
+
+        if (activeCaptionIndex >= 0 && player.isTextTrackVisible()) {
+          restoreCaptionIndex = activeCaptionIndex
+
+          // hide captions before switching as shaka/the browser doesn't clean up the displayed captions
+          // when switching away from the legacy formats
+          await player.setTextTrackVisibility(false)
+        } else {
+          restoreCaptionIndex = null
+        }
+
+        if (oldFormat === 'legacy') {
+          await cleanUpLegacyTextDisplay()
+        }
+
+        if (newFormat === 'legacy' && sortedCaptions.length > 0) {
+          await setUpLegacyTextDisplay(video_, container.value)
+        }
+
+        if (newFormat === 'audio' || newFormat === 'dash') {
+          /** @type {{language: string, role: string, channelsCount: number}|undefined} */
+          let audioTrack
+          let dimension
+
+          if (oldFormat === 'legacy' && newFormat === 'dash') {
+            const legacyFormat = activeLegacyFormat.value
+
+            if (!useAutoQuality) {
+              dimension = qualityLabelToDimension(legacyFormat.qualityLabel)
+            }
+          } else if (oldFormat !== 'legacy' && (hasMultipleAudioTracks.value || hasMultipleAudioChannelCounts)) {
+            const track = player.getVariantTracks().find(track => track.active)
+
+            audioTrack = {
+              language: track.language,
+              role: track.audioRoles[0],
+              channelsCount: track.channelsCount
+            }
+          }
+
+          if (oldFormat === 'audio' && newFormat === 'dash' && !useAutoQuality && defaultQuality.value !== 'auto') {
+            dimension = defaultQuality.value
+          }
+
+          player.configure(getPlayerConfig(newFormat, useAutoQuality))
+
+          try {
+            await player.load(props.manifestSrc, playbackPosition, props.manifestMimeType)
+
+            if (dimension) {
+              setDashQuality(dimension)
+            }
+
+            if (audioTrack) {
+              player.selectAudioLanguage(audioTrack.language, audioTrack.role, audioTrack.channelsCount)
+            }
+          } catch (error) {
+            handleError(error, 'loading dash/audio manifest for format switch', `${oldFormat} -> ${newFormat}`)
+          }
+          activeLegacyFormat.value = null
+        } else {
+          await setLegacyQuality(oldFormat, playbackPosition)
+        }
+
+        if (wasPaused) {
+          video_.pause()
+        }
+      }
+    )
+
+    // #endregion setup
+
+    // #region tear down
+
+    onBeforeUnmount(() => {
+      hasLoaded.value = false
+      document.body.classList.remove('playerFullWindow')
+
+      document.removeEventListener('keydown', keyboardShortcutHandler)
+
+      if (resizeObserver) {
+        resizeObserver.disconnect()
+        resizeObserver = null
+      }
+
+      cleanUpLegacyTextDisplay()
+
+      if (ui) {
+        // destroying the ui also destroys the player
+        ui.destroy()
+        ui = null
+        player = null
+      }
+
+      stopPowerSaveBlocker()
+      window.removeEventListener('beforeunload', stopPowerSaveBlocker)
+
+      if ('mediaSession' in navigator) {
+        navigator.mediaSession.playbackState = 'none'
+        navigator.mediaSession.setPositionState()
+        navigator.mediaSession.setActionHandler('play', null)
+        navigator.mediaSession.setActionHandler('pause', null)
+        navigator.mediaSession.setActionHandler('seekforward', null)
+        navigator.mediaSession.setActionHandler('seekbackward', null)
+        navigator.mediaSession.setActionHandler('seekto', null)
+      }
+
+      skippedSponsorBlockSegments.value.forEach(segment => clearTimeout(segment.timeoutId))
+
+      window.removeEventListener('online', onlineHandler)
+      window.removeEventListener('offline', offlineHandler)
+    })
+
+    // #endregion tear down
+
+    // #region functions used by the watch page
+
+    function isPaused() {
+      return video.value.paused
+    }
+
+    function pause() {
+      video.value.pause()
+    }
+
+    function getCurrentTime() {
+      return video.value.currentTime
+    }
+
+    /**
+     * @param {number} time
+     */
+    function setCurrentTime(time) {
+      video.value.currentTime = time
+    }
+
+    expose({
+      hasLoaded,
+
+      isPaused,
+      pause,
+      getCurrentTime,
+      setCurrentTime
+    })
+
+    // #endregion functions used by the watch page
+
+    return {
+      container,
+      video,
+      vrCanvas,
+
+      fullWindowEnabled,
+      forceAspectRatio,
+
+      showStats,
+      stats,
+
+      autoplayVideos,
+      sponsorBlockShowSkippedToast,
+
+      skippedSponsorBlockSegments,
+
+      showOfflineMessage,
+
+      handlePlay,
+      handlePause,
+      handleEnded,
+      updateVolume,
+      handleTimeupdate,
+
+      updateMediaSessionPositionState
+    }
+  }
+})
diff --git a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.vue b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.vue
new file mode 100644
index 0000000000000..3477b6ad37f4a
--- /dev/null
+++ b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.vue
@@ -0,0 +1,111 @@
+<template>
+  <div
+    ref="container"
+    class="ftVideoPlayer"
+    :class="{
+      fullWindow: fullWindowEnabled,
+      sixteenByNine: forceAspectRatio
+    }"
+  >
+    <!-- eslint-disable-next-line vuejs-accessibility/media-has-caption -->
+    <video
+      ref="video"
+      class="player"
+      preload="auto"
+      crossorigin="anonymous"
+      playsinline
+      :autoplay="autoplayVideos ? true : null"
+      :poster="thumbnail"
+      @play="handlePlay"
+      @pause="handlePause"
+      @ended="handleEnded"
+      @volumechange="updateVolume"
+      @timeupdate="handleTimeupdate"
+      @ratechange="updateMediaSessionPositionState"
+      @seeked="updateMediaSessionPositionState"
+    />
+    <canvas
+      ref="vrCanvas"
+      class="vrCanvas"
+    />
+    <div
+      v-if="showStats"
+      class="stats"
+    >
+      <span>{{ $t('Video.Player.Stats.Video ID', { videoId }) }}</span>
+      <br>
+      <span>{{ $t('Video.Player.Stats.Media Formats', { formats: format }) }}</span>
+      <br>
+      <span>{{ $t('Video.Player.Stats.Bitrate', { bitrate: stats.bitrate }) }}</span>
+      <br>
+      <span>{{ $t('Video.Player.Stats.Volume', { volumePercentage: stats.volume }) }}</span>
+      <br>
+      <template
+        v-if="format !== 'legacy'"
+      >
+        <span>{{ $t('Video.Player.Stats.Bandwidth', { bandwidth: stats.bandwidth }) }}</span>
+        <br>
+      </template>
+      <span>{{ $t('Video.Player.Stats.Buffered', { bufferedPercentage: stats.buffered }) }}</span>
+      <br>
+      <span
+        v-if="format === 'audio'"
+      >{{ $t('Video.Player.Stats.CodecAudio', stats.codecs) }}</span>
+      <span
+        v-else-if="stats.codecs.audioItag && stats.codecs.videoItag"
+      >{{ $t('Video.Player.Stats.CodecsVideoAudio', stats.codecs) }}</span>
+      <span
+        v-else
+      >{{ $t('Video.Player.Stats.CodecsVideoAudioNoItags', stats.codecs) }}</span>
+      <br>
+      <span>{{ $t('Video.Player.Stats.Player Dimensions', stats.playerDimensions) }}</span>
+      <br>
+      <template
+        v-if="format !== 'audio'"
+      >
+        <span>{{ $t('Video.Player.Stats.Resolution', stats.resolution) }}</span>
+        <br>
+        <span>{{ $t('Video.Player.Stats.Dropped Frames / Total Frames', stats.frames) }}</span>
+      </template>
+    </div>
+    <div
+      v-if="showOfflineMessage"
+      class="offlineWrapper"
+    >
+      <font-awesome-layers
+        fixed-width
+        class="offlineIcon"
+        aria-hidden="true"
+      >
+        <font-awesome-icon :icon="['fas', 'wifi']" />
+        <font-awesome-icon :icon="['fas', 'slash']" />
+      </font-awesome-layers>
+      <p class="offlineMessage">
+        <span>
+          {{ $t('Video.Player.You appear to be offline') }}
+        </span>
+        <br>
+        <span class="offlineMessageSubtitle">
+          {{ $t('Video.Player.Playback will resume automatically when your connection comes back') }}
+        </span>
+      </p>
+    </div>
+    <div
+      v-if="sponsorBlockShowSkippedToast && skippedSponsorBlockSegments.length > 0"
+      class="skippedSegmentsWrapper"
+    >
+      <p
+        v-for="{ uuid, translatedCategory } in skippedSponsorBlockSegments"
+        :key="uuid"
+        class="skippedSegment"
+      >
+        {{ $t('Video.Player.Skipped segment', { segmentCategory: translatedCategory }) }}
+      </p>
+    </div>
+  </div>
+</template>
+
+<script src="./ft-shaka-video-player.js" />
+
+<style src="shaka-player/dist/controls.css" />
+<style scoped src="./ft-shaka-video-player.css" />
diff --git a/src/renderer/components/ft-shaka-video-player/player-components/AudioTrackSelection.js b/src/renderer/components/ft-shaka-video-player/player-components/AudioTrackSelection.js
new file mode 100644
index 0000000000000..a2fbf5acf80dc
--- /dev/null
+++ b/src/renderer/components/ft-shaka-video-player/player-components/AudioTrackSelection.js
@@ -0,0 +1,136 @@
+import shaka from 'shaka-player'
+
+import i18n from '../../../i18n/index'
+
+export class AudioTrackSelection extends shaka.ui.SettingsMenu {
+  /**
+   * @param {EventTarget} events
+   * @param {!HTMLElement} parent
+   * @param {!shaka.ui.Controls} controls
+   */
+  constructor(events, parent, controls) {
+    super(parent, controls, 'spatial_audio_off')
+
+    this.button.classList.add('audio-track-button', 'shaka-tooltip-status')
+    this.menu.classList.add('audio-tracks')
+
+    this.eventManager.listen(events, 'localeChanged', () => {
+      this.updateLocalisedStrings_()
+    })
+
+    this.eventManager.listen(this.player, 'loading', () => {
+      this.onTracksChanged_()
+    })
+
+    this.eventManager.listen(this.player, 'trackschanged', () => {
+      this.onTracksChanged_()
+    })
+
+    this.eventManager.listen(this.player, 'variantchanged', () => {
+      this.updateAudioTracks_()
+    })
+
+    // selectVariantsByLabel doesn't trigger variant changed
+    this.eventManager.listen(this.player, 'adaptation', () => {
+      this.updateAudioTracks_()
+    })
+
+    this.updateLocalisedStrings_()
+
+    this.updateAudioTracks_()
+  }
+
+  /** @private */
+  updateAudioTracks_() {
+    const tracks = this.player.getVariantTracks()
+
+    const selectedTrack = tracks.find(track => track.active)
+
+    const menu = this.menu
+
+    const backButton = menu.querySelector('.shaka-back-to-overflow-button')
+
+    while (menu.firstChild) {
+      menu.removeChild(menu.firstChild)
+    }
+
+    menu.appendChild(backButton)
+
+    /** @type {Set<string>} */
+    const knownLabels = new Set()
+
+    for (const track of tracks) {
+      if (!track.label || knownLabels.has(track.label)) {
+        continue
+      }
+
+      knownLabels.add(track.label)
+
+      const button = document.createElement('button')
+      button.addEventListener('click', () => {
+        this.onAudioTrackSelected_(track)
+      })
+
+      const span = document.createElement('span')
+      button.appendChild(span)
+
+      span.textContent = track.label
+
+      if (selectedTrack && track.label === selectedTrack.label) {
+        const icon = document.createElement('i')
+        icon.classList.add('material-icons-round', 'shaka-chosen-item')
+        icon.textContent = 'done'
+        icon.ariaHidden = 'true'
+        button.appendChild(icon)
+
+        span.classList.add('shaka-chosen-item')
+        button.ariaSelected = 'true'
+        this.currentSelection.textContent = span.textContent
+      }
+
+      menu.appendChild(button)
+    }
+
+    menu.querySelector('shaka-chosen-item')?.parentElement.focus()
+
+    this.button.setAttribute('shaka-status', this.currentSelection.innerText)
+
+    if (knownLabels.size > 0) {
+      this.button.classList.remove('shaka-hidden')
+    } else {
+      this.button.classList.add('shaka-hidden')
+    }
+  }
+
+  /** @private */
+  onTracksChanged_() {
+    const hasVariants = this.player.getVariantTracks().length > 0
+
+    if (hasVariants) {
+      this.button.classList.remove('shaka-hidden')
+    } else {
+      this.button.classList.add('shaka-hidden')
+    }
+
+    this.updateAudioTracks_()
+  }
+
+  /**
+   * @param {shaka.extern.Track} track
+   * @private
+   */
+  onAudioTrackSelected_(track) {
+    this.player.selectVariantsByLabel(track.label)
+  }
+
+  /** @private */
+  updateLocalisedStrings_() {
+    this.backButton.ariaLabel = this.localization.resolve('BACK')
+
+    const audioTracksText = i18n.t('Video.Player.Audio Tracks')
+
+    this.button.ariaLabel = audioTracksText
+    this.nameSpan.textContent = audioTracksText
+    this.backSpan.textContent = audioTracksText
+  }
+}
diff --git a/src/renderer/components/ft-shaka-video-player/player-components/FullWindowButton.js b/src/renderer/components/ft-shaka-video-player/player-components/FullWindowButton.js
new file mode 100644
index 0000000000000..2f0db723e3faf
--- /dev/null
+++ b/src/renderer/components/ft-shaka-video-player/player-components/FullWindowButton.js
@@ -0,0 +1,78 @@
+import shaka from 'shaka-player'
+
+import i18n from '../../../i18n/index'
+
+export class FullWindowButton extends shaka.ui.Element {
+  /**
+   * @param {boolean} fullWindowEnabled
+   * @param {EventTarget} events
+   * @param {HTMLElement} parent
+   * @param {shaka.ui.Controls} controls
+   */
+  constructor(fullWindowEnabled, events, parent, controls) {
+    super(parent, controls)
+
+    /** @private */
+    this.button_ = document.createElement('button')
+    this.button_.classList.add('full-window-button')
+    this.button_.classList.add('shaka-tooltip')
+
+    /** @private */
+    this.icon_ = document.createElement('i')
+    this.icon_.classList.add('material-icons-round')
+    this.icon_.textContent = 'open_in_full'
+
+    this.button_.appendChild(this.icon_)
+
+    const label = document.createElement('label')
+    label.classList.add('shaka-overflow-button-label')
+    label.classList.add('shaka-overflow-menu-only')
+
+    /** @private */
+    this.nameSpan_ = document.createElement('span')
+    label.appendChild(this.nameSpan_)
+
+    /** @private */
+    this.currentState_ = document.createElement('span')
+    this.currentState_.classList.add('shaka-current-selection-span')
+    label.appendChild(this.currentState_)
+
+    this.button_.appendChild(label)
+
+    this.parent.appendChild(this.button_)
+
+    /** @private */
+    this.fullWindowEnabled_ = fullWindowEnabled
+
+    // listeners
+
+    this.eventManager.listen(this.button_, 'click', () => {
+      events.dispatchEvent(new CustomEvent('setFullWindow', {
+        detail: !this.fullWindowEnabled_
+      }))
+    })
+
+    this.eventManager.listen(events, 'setFullWindow', (/** @type {CustomEvent} */ event) => {
+      this.fullWindowEnabled_ = event.detail
+
+      this.updateLocalisedStrings_()
+    })
+
+    this.eventManager.listen(events, 'localeChanged', () => {
+      this.updateLocalisedStrings_()
+    })
+
+    this.updateLocalisedStrings_()
+  }
+
+  /** @private */
+  updateLocalisedStrings_() {
+    this.nameSpan_.textContent = i18n.t('Video.Player.Full Window')
+
+    this.icon_.textContent = this.fullWindowEnabled_ ? 'close_fullscreen' : 'open_in_full'
+
+    this.currentState_.textContent = this.localization.resolve(this.fullWindowEnabled_ ? 'ON' : 'OFF')
+
+    this.button_.ariaLabel = this.fullWindowEnabled_ ? i18n.t('Video.Player.Exit Full Window') : i18n.t('Video.Player.Full Window')
+  }
+}
diff --git a/src/renderer/components/ft-shaka-video-player/player-components/LegacyQualitySelection.js b/src/renderer/components/ft-shaka-video-player/player-components/LegacyQualitySelection.js
new file mode 100644
index 0000000000000..980dfe16fa4b0
--- /dev/null
+++ b/src/renderer/components/ft-shaka-video-player/player-components/LegacyQualitySelection.js
@@ -0,0 +1,148 @@
+import shaka from 'shaka-player'
+
+export class LegacyQualitySelection extends shaka.ui.SettingsMenu {
+  /**
+   * @param {object} activeLegacyFormat
+   * @param {object[]} legacyFormats
+   * @param {EventTarget} events
+   * @param {!HTMLElement} parent
+   * @param {!shaka.ui.Controls} controls
+   */
+  constructor(activeLegacyFormat, legacyFormats, events, parent, controls) {
+    super(parent, controls, 'settings')
+
+    this.button.classList.add('legacy-quality-button')
+    this.button.classList.add('shaka-tooltip-status')
+    this.menu.classList.add('legacy-qualities')
+
+    /** @private */
+    this.events_ = events
+    /** @private */
+    this.activeLegacyFormat_ = activeLegacyFormat
+
+    const sortedLegacyFormats = [...legacyFormats]
+
+    // Invidious doesn't return the height or width for the legacy formats, so we have to use the bitrate instead
+    if (typeof legacyFormats[0].width === 'undefined' || typeof legacyFormats[0].height === 'undefined') {
+      sortedLegacyFormats.sort((a, b) => {
+        return b.bitrate - a.bitrate
+      })
+    } else {
+      const isPortrait = legacyFormats[0].height > legacyFormats[0].width
+      sortedLegacyFormats.sort((a, b) => isPortrait ? b.width - a.width : b.height - a.height)
+    }
+
+    /** @private */
+    this.legacyFormats_ = sortedLegacyFormats
+
+    for (const format of sortedLegacyFormats) {
+      const button = document.createElement('button')
+      button.classList.add('legacy-resolution')
+
+      this.eventManager.listen(button, 'click', () => {
+        this.onFormatSelected_(format)
+      })
+
+      const span = document.createElement('span')
+      span.textContent = format.qualityLabel
+      button.appendChild(span)
+
+      this.menu.appendChild(button)
+    }
+
+    // listeners
+
+    this.eventManager.listen(events, 'localeChanged', () => {
+      this.updateLocalisedStrings_()
+    })
+
+    this.eventManager.listen(events, 'setLegacyFormat', (/** @type {CustomEvent} */ event) => {
+      this.activeLegacyFormat_ = event.detail.format
+      this.updateResolutionSelection_()
+    })
+
+    this.updateResolutionSelection_()
+  }
+
+  /** @private */
+  updateResolutionSelection_() {
+    if (!this.activeLegacyFormat_) {
+      return
+    }
+
+    // remove previous selection
+
+    const previousSpan = this.menu.querySelector('.shaka-chosen-item')
+    if (previousSpan) {
+      previousSpan.classList.remove('shaka-chosen-item')
+
+      const button = previousSpan.parentElement
+      button.ariaSelected = 'false'
+      button.querySelector('.material-icons-round').remove()
+    }
+
+    // current selection
+
+    const index = this.legacyFormats_.indexOf(this.activeLegacyFormat_)
+
+    const button = this.menu.querySelectorAll('.legacy-resolution')[index]
+    const span = button.querySelector('span')
+
+    button.ariaSelected = 'true'
+
+    span.classList.add('shaka-chosen-item')
+
+    const icon = document.createElement('i')
+    icon.classList.add('material-icons-round')
+    icon.classList.add('shaka-chosen-item')
+    icon.textContent = 'done'
+    icon.ariaHidden = 'true'
+    button.appendChild(icon)
+
+    this.currentSelection.textContent = span.textContent
+
+    this.button.setAttribute('shaka-status', span.textContent)
+
+    button.focus()
+
+    this.updateLocalisedStrings_()
+  }
+
+  /** @private */
+  async onFormatSelected_(format) {
+    if (format === this.activeLegacyFormat_) {
+      return
+    }
+
+    const playbackPosition = this.player.getMediaElement().currentTime
+
+    const activeCaptionIndex = this.player.getTextTracks().findIndex(caption => caption.active)
+    let restoreCaptionIndex = null
+
+    if (activeCaptionIndex >= 0 && this.player.isTextTrackVisible()) {
+      restoreCaptionIndex = activeCaptionIndex
+
+      // hide captions before switching as shaka/the browser doesn't clean up the displayed captions
+      // when switching away from the legacy formats
+      await this.player.setTextTrackVisibility(false)
+    }
+
+    this.events_.dispatchEvent(new CustomEvent('setLegacyFormat', {
+      detail: {
+        format,
+        playbackPosition,
+        restoreCaptionIndex
+      }
+    }))
+  }
+
+  /** @private */
+  updateLocalisedStrings_() {
+    const resolutionText = this.localization.resolve('RESOLUTION')
+
+    this.button.ariaLabel = resolutionText
+    this.backButton.ariaLabel = resolutionText
+    this.backSpan.textContent = resolutionText
+    this.nameSpan.textContent = resolutionText
+  }
+}
diff --git a/src/renderer/components/ft-shaka-video-player/player-components/ScreenshotButton.js b/src/renderer/components/ft-shaka-video-player/player-components/ScreenshotButton.js
new file mode 100644
index 0000000000000..f9b187cef056e
--- /dev/null
+++ b/src/renderer/components/ft-shaka-video-player/player-components/ScreenshotButton.js
@@ -0,0 +1,56 @@
+import shaka from 'shaka-player'
+
+import i18n from '../../../i18n/index'
+
+export class ScreenshotButton extends shaka.ui.Element {
+  /**
+   * @param {EventTarget} events
+   * @param {HTMLElement} parent
+   * @param {shaka.ui.Controls} controls
+   */
+  constructor(events, parent, controls) {
+    super(parent, controls)
+
+    /** @private */
+    this.button_ = document.createElement('button')
+    this.button_.classList.add('screenshot-button')
+    this.button_.classList.add('shaka-tooltip')
+
+    const icon = document.createElement('i')
+    icon.classList.add('material-icons-round')
+    icon.textContent = 'photo_camera'
+
+    this.button_.appendChild(icon)
+
+    const label = document.createElement('label')
+    label.classList.add('shaka-overflow-button-label')
+    label.classList.add('shaka-overflow-menu-only')
+
+    /** @private */
+    this.nameSpan_ = document.createElement('span')
+    label.appendChild(this.nameSpan_)
+
+    this.button_.appendChild(label)
+
+    this.parent.appendChild(this.button_)
+
+    // listeners
+
+    this.eventManager.listen(this.button_, 'click', () => {
+      events.dispatchEvent(new CustomEvent('takeScreenshot'))
+    })
+
+    this.eventManager.listen(events, 'localeChanged', () => {
+      this.updateLocalisedStrings_()
+    })
+
+    this.updateLocalisedStrings_()
+  }
+
+  /** @private */
+  updateLocalisedStrings_() {
+    this.nameSpan_.textContent = i18n.t('Video.Player.Take Screenshot')
+
+    this.button_.ariaLabel = i18n.t('Video.Player.Take Screenshot')
+  }
+}
diff --git a/src/renderer/components/ft-shaka-video-player/player-components/StatsButton.js b/src/renderer/components/ft-shaka-video-player/player-components/StatsButton.js
new file mode 100644
index 0000000000000..b6f6e8eb7a560
--- /dev/null
+++ b/src/renderer/components/ft-shaka-video-player/player-components/StatsButton.js
@@ -0,0 +1,76 @@
+import shaka from 'shaka-player'
+
+import i18n from '../../../i18n/index'
+
+export class StatsButton extends shaka.ui.Element {
+  /**
+   * @param {boolean} showStats
+   * @param {EventTarget} events
+   * @param {HTMLElement} parent
+   * @param {shaka.ui.Controls} controls
+   */
+  constructor(showStats, events, parent, controls) {
+    super(parent, controls)
+
+    /** @private */
+    this.button_ = document.createElement('button')
+    this.button_.classList.add('stats-button')
+
+    /** @private */
+    this.icon_ = document.createElement('i')
+    this.icon_.classList.add('material-icons-round')
+    this.icon_.textContent = 'insert_chart_outlined'
+
+    this.button_.appendChild(this.icon_)
+
+    const label = document.createElement('label')
+    label.classList.add('shaka-overflow-button-label')
+
+    /** @private */
+    this.nameSpan_ = document.createElement('span')
+    label.appendChild(this.nameSpan_)
+
+    /** @private */
+    this.currentState_ = document.createElement('span')
+    this.currentState_.classList.add('shaka-current-selection-span')
+    label.appendChild(this.currentState_)
+
+    this.button_.appendChild(label)
+
+    this.parent.appendChild(this.button_)
+
+    /** @private */
+    this.showStats_ = showStats
+
+    // listeners
+
+    this.eventManager.listen(this.button_, 'click', () => {
+      events.dispatchEvent(new CustomEvent('setStatsVisibility', {
+        detail: !this.showStats_
+      }))
+    })
+
+    this.eventManager.listen(events, 'setStatsVisibility', (/** @type {CustomEvent} */ event) => {
+      this.showStats_ = event.detail
+
+      this.updateLocalisedStrings_()
+    })
+
+    this.eventManager.listen(events, 'localeChanged', () => {
+      this.updateLocalisedStrings_()
+    })
+
+    this.updateLocalisedStrings_()
+  }
+
+  /** @private */
+  updateLocalisedStrings_() {
+    this.nameSpan_.textContent = i18n.t('Video.Player.Stats.Stats')
+
+    this.icon_.textContent = this.showStats_ ? 'insert_chart' : 'insert_chart_outlined'
+
+    this.currentState_.textContent = this.localization.resolve(this.showStats_ ? 'ON' : 'OFF')
+
+    this.button_.ariaLabel = this.showStats_ ? i18n.t('Video.Player.Hide Stats') : i18n.t('Video.Player.Show Stats')
+  }
+}
diff --git a/src/renderer/components/ft-shaka-video-player/player-components/TheatreModeButton.js b/src/renderer/components/ft-shaka-video-player/player-components/TheatreModeButton.js
new file mode 100644
index 0000000000000..043e75b4e9d62
--- /dev/null
+++ b/src/renderer/components/ft-shaka-video-player/player-components/TheatreModeButton.js
@@ -0,0 +1,78 @@
+import shaka from 'shaka-player'
+
+import i18n from '../../../i18n/index'
+
+export class TheatreModeButton extends shaka.ui.Element {
+  /**
+   * @param {boolean} theatreModeEnabled
+   * @param {EventTarget} events
+   * @param {HTMLElement} parent
+   * @param {shaka.ui.Controls} controls
+   */
+  constructor(theatreModeEnabled, events, parent, controls) {
+    super(parent, controls)
+
+    /** @private */
+    this.button_ = document.createElement('button')
+    this.button_.classList.add('theatre-button')
+    this.button_.classList.add('shaka-tooltip')
+
+    /** @private */
+    this.icon_ = document.createElement('i')
+    this.icon_.classList.add('material-icons-round')
+    this.icon_.textContent = 'tv'
+
+    this.button_.appendChild(this.icon_)
+
+    const label = document.createElement('label')
+    label.classList.add('shaka-overflow-button-label')
+    label.classList.add('shaka-overflow-menu-only')
+
+    /** @private */
+    this.nameSpan_ = document.createElement('span')
+    label.appendChild(this.nameSpan_)
+
+    /** @private */
+    this.currentState_ = document.createElement('span')
+    this.currentState_.classList.add('shaka-current-selection-span')
+    label.appendChild(this.currentState_)
+
+    this.button_.appendChild(label)
+
+    this.parent.appendChild(this.button_)
+
+    /** @private */
+    this.theatreModeEnabled_ = theatreModeEnabled
+
+    // listeners
+
+    this.eventManager.listen(this.button_, 'click', () => {
+      events.dispatchEvent(new CustomEvent('toggleTheatreMode', {
+        detail: !this.theatreModeEnabled_
+      }))
+    })
+
+    this.eventManager.listen(events, 'toggleTheatreMode', (/** @type {CustomEvent} */event) => {
+      this.theatreModeEnabled_ = event.detail
+
+      this.updateLocalisedStrings_()
+    })
+
+    this.eventManager.listen(events, 'localeChanged', () => {
+      this.updateLocalisedStrings_()
+    })
+
+    this.updateLocalisedStrings_()
+  }
+
+  /** @private */
+  updateLocalisedStrings_() {
+    this.nameSpan_.textContent = i18n.t('Video.Player.Theatre Mode')
+
+    this.icon_.textContent = this.theatreModeEnabled_ ? 'monitor' : 'tv'
+
+    this.currentState_.textContent = this.localization.resolve(this.theatreModeEnabled_ ? 'ON' : 'OFF')
+
+    this.button_.ariaLabel = this.theatreModeEnabled_ ? i18n.t('Video.Player.Exit Theatre Mode') : i18n.t('Video.Player.Theatre Mode')
+  }
+}
diff --git a/src/renderer/components/ft-video-player/ft-video-player.css b/src/renderer/components/ft-video-player/ft-video-player.css
deleted file mode 100644
index 62b01b1450e69..0000000000000
--- a/src/renderer/components/ft-video-player/ft-video-player.css
+++ /dev/null
@@ -1,38 +0,0 @@
-/* stylelint-disable liberty/use-logical-spec */
-.relative {
-  position: relative;
-}
-
-.ftVideoPlayer {
-  width: 100%;
-}
-
-.ftVideoPlayer.vjs-user-inactive {
-  cursor: none;
-}
-
-:deep(.sponsorBlockMarker),
-:deep(.chapterMarker) {
-  position: absolute;
-  opacity: 0.6;
-}
-
-:deep(.sponsorBlockMarker) {
-  block-size: 100%;
-  background-color: var(--primary-color);
-}
-
-:deep(.chapterMarker) {
-  height: 100%;
-  top: 0;
-  width: 2px;
-  z-index: 2;
-  background-color: #000;
-}
-/* stylelint-enable liberty/use-logical-spec */
-
-@media only screen and (width <= 460px) {
-  :deep(.dash-selector .vjs-menu) {
-    max-block-size: 14em;
-  }
-}
diff --git a/src/renderer/components/ft-video-player/ft-video-player.js b/src/renderer/components/ft-video-player/ft-video-player.js
deleted file mode 100644
index 77b919985ef2b..0000000000000
--- a/src/renderer/components/ft-video-player/ft-video-player.js
+++ /dev/null
@@ -1,2323 +0,0 @@
-import { defineComponent } from 'vue'
-import { mapActions } from 'vuex'
-
-import videojs from 'video.js'
-import qualitySelector from '@silvermine/videojs-quality-selector'
-import fs from 'fs/promises'
-import path from 'path'
-import 'videojs-overlay/dist/videojs-overlay'
-import 'videojs-overlay/dist/videojs-overlay.css'
-import 'videojs-vtt-thumbnails-freetube'
-import 'videojs-contrib-quality-levels'
-import 'videojs-http-source-selector'
-import 'videojs-mobile-ui'
-import 'videojs-mobile-ui/dist/videojs-mobile-ui.css'
-import { IpcChannels } from '../../../constants'
-import { sponsorBlockSkipSegments } from '../../helpers/sponsorblock'
-import { calculateColorLuminance, colors } from '../../helpers/colors'
-import { pathExists } from '../../helpers/filesystem'
-import {
-  copyToClipboard,
-  getPicturesPath,
-  showSaveDialog,
-  showToast,
-} from '../../helpers/utils'
-import { getProxyUrl } from '../../helpers/api/invidious'
-import store from '../../store'
-
-const EXPECTED_PLAY_RELATED_ERROR_MESSAGES = [
-  // This is thrown when `play()` called but user already viewing another page
-  'The play() request was interrupted by a new load request.',
-  // This is thrown when `pause()` called before video started playing on load
-  'The play() request was interrupted by a call to pause()',
-]
-
-// YouTube now throttles if you use the `Range` header for the DASH formats, instead of the range query parameter
-// videojs-http-streaming calls this hook everytime it makes a request,
-// so we can use it to convert the Range header into the range query parameter for the streaming URLs
-videojs.Vhs.xhr.beforeRequest = (options) => {
-  if (store.getters.getProxyVideos && !options.uri.startsWith('data:application/dash+xml')) {
-    const { uri } = options
-    options.uri = getProxyUrl(uri)
-  }
-
-  const authorization = store.getters.getCurrentInvidiousInstanceAuthorization
-
-  // pass in the optional base so it doesn't error for `dashFiles/videoId.xml` (DASH manifest in dev mode)
-  if (new URL(options.uri, window.location.origin).hostname.endsWith('.googlevideo.com')) {
-    // The official clients use POST requests with this body for the DASH requests, so we should do that too
-    options.method = 'POST'
-    options.body = 'x\x00' // protobuf: { 15: 0 } (no idea what it means but this is what YouTube uses)
-
-    if (options.headers?.Range) {
-      options.uri += `&range=${options.headers.Range.split('=')[1]}`
-      delete options.headers.Range
-    }
-  } else if (authorization && options.uri.startsWith(store.getters.getCurrentInvidiousInstanceUrl)) {
-    if (options.headers) {
-      options.headers.Authorization = authorization
-    } else {
-      options.headers = {
-        Authorization: authorization
-      }
-    }
-  }
-}
-// videojs-http-streaming spits out a warning every time you access videojs.Vhs.BANDWIDTH_VARIANCE
-// so we'll get the value once here, to stop it spamming the console
-// https://github.com/videojs/http-streaming/blob/main/src/config.js#L8-L10
-const VHS_BANDWIDTH_VARIANCE = videojs.Vhs.BANDWIDTH_VARIANCE
-
-export default defineComponent({
-  name: 'FtVideoPlayer',
-  props: {
-    format: {
-      type: String,
-      required: true
-    },
-    sourceList: {
-      type: Array,
-      default: () => { return [] }
-    },
-    adaptiveFormats: {
-      type: Array,
-      default: () => { return [] }
-    },
-    dashSrc: {
-      type: Array,
-      default: null
-    },
-    captionHybridList: {
-      type: Array,
-      default: () => { return [] }
-    },
-    storyboardSrc: {
-      type: String,
-      default: ''
-    },
-    thumbnail: {
-      type: String,
-      default: ''
-    },
-    videoId: {
-      type: String,
-      required: true
-    },
-    lengthSeconds: {
-      type: Number,
-      required: true
-    },
-    chapters: {
-      type: Array,
-      default: () => { return [] }
-    },
-    currentChapterIndex: {
-      type: Number,
-      default: 0
-    },
-    audioTracks: {
-      type: Array,
-      default: () => ([])
-    },
-    theatrePossible: {
-      type: Boolean,
-      default: false
-    },
-    useTheatreMode: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['ended', 'error', 'ready', 'store-caption-list', 'timeupdate', 'toggle-theatre-mode'],
-  data: function () {
-    return {
-      powerSaveBlocker: null,
-      volume: 1,
-      muted: false,
-      /** @type {(import('video.js').VideoJsPlayer|null)} */
-      player: null,
-      useDash: false,
-      useHls: false,
-      selectedDefaultQuality: '',
-      selectedQuality: '',
-      selectedResolution: '',
-      selectedBitrate: '',
-      selectedMimeType: '',
-      selectedFPS: 0,
-      currentAdaptiveFormat: null,
-      autoQuality: '',
-      autoResolution: '',
-      autoBitrate: '',
-      autoMimeType: '',
-      autoFPS: 0,
-      using60Fps: false,
-      activeSourceList: [],
-      activeAdaptiveFormats: [],
-      playerStats: null,
-      statsModal: null,
-      showStatsModal: false,
-      statsModalEventName: 'updateStats',
-      usingTouch: false,
-      // whether or not sponsor segments should be skipped
-      skipSponsors: true,
-      // countdown before actually skipping sponsor segments
-      skipCountdown: 1,
-      dataSetup: {
-        fluid: true,
-        nativeTextTracks: false,
-        plugins: {},
-        controlBar: {
-          children: [
-            'playToggle',
-            'volumePanel',
-            'currentTimeDisplay',
-            'timeDivider',
-            'durationDisplay',
-            'progressControl',
-            'liveDisplay',
-            'seekToLive',
-            'remainingTimeDisplay',
-            'customControlSpacer',
-            'screenshotButton',
-            'playbackRateMenuButton',
-            'loopButton',
-            'audioTrackButton',
-            'chaptersButton',
-            'descriptionsButton',
-            'subsCapsButton',
-            'pictureInPictureToggle',
-            'toggleTheatreModeButton',
-            'fullWindowButton',
-            'qualitySelector',
-            'fullscreenToggle'
-          ]
-        }
-      }
-    }
-  },
-  computed: {
-    currentLocale: function () {
-      return this.$i18n.locale.replace('_', '-')
-    },
-
-    defaultPlayback: function () {
-      return this.$store.getters.getDefaultPlayback
-    },
-
-    defaultSkipInterval: function () {
-      return this.$store.getters.getDefaultSkipInterval
-    },
-
-    defaultQuality: function () {
-      const valueFromStore = this.$store.getters.getDefaultQuality
-      if (valueFromStore === 'auto') { return valueFromStore }
-
-      return parseInt(valueFromStore)
-    },
-
-    defaultCaptionSettings: function () {
-      try {
-        return JSON.parse(this.$store.getters.getDefaultCaptionSettings)
-      } catch (e) {
-        console.error(e)
-        return {}
-      }
-    },
-
-    autoplayVideos: function () {
-      return this.$store.getters.getAutoplayVideos
-    },
-
-    videoVolumeMouseScroll: function () {
-      return this.$store.getters.getVideoVolumeMouseScroll
-    },
-
-    videoPlaybackRateMouseScroll: function () {
-      return this.$store.getters.getVideoPlaybackRateMouseScroll
-    },
-
-    videoSkipMouseScroll: function () {
-      return this.$store.getters.getVideoSkipMouseScroll
-    },
-
-    useSponsorBlock: function () {
-      return this.$store.getters.getUseSponsorBlock
-    },
-
-    sponsorBlockShowSkippedToast: function () {
-      return this.$store.getters.getSponsorBlockShowSkippedToast
-    },
-
-    displayVideoPlayButton: function () {
-      return this.$store.getters.getDisplayVideoPlayButton
-    },
-
-    enterFullscreenOnDisplayRotate: function () {
-      return this.$store.getters.getEnterFullscreenOnDisplayRotate
-    },
-
-    sponsorSkips: function () {
-      const sponsorCats = ['sponsor',
-        'selfpromo',
-        'interaction',
-        'intro',
-        'outro',
-        'preview',
-        'music_offtopic',
-        'filler'
-      ]
-      const autoSkip = {}
-      const seekBar = []
-      const promptSkip = {}
-      const categoryData = {}
-      sponsorCats.forEach(x => {
-        let sponsorVal = {}
-        switch (x) {
-          case 'sponsor':
-            sponsorVal = this.$store.getters.getSponsorBlockSponsor
-            break
-          case 'selfpromo':
-            sponsorVal = this.$store.getters.getSponsorBlockSelfPromo
-            break
-          case 'interaction':
-            sponsorVal = this.$store.getters.getSponsorBlockInteraction
-            break
-          case 'intro':
-            sponsorVal = this.$store.getters.getSponsorBlockIntro
-            break
-          case 'outro':
-            sponsorVal = this.$store.getters.getSponsorBlockOutro
-            break
-          case 'preview':
-            sponsorVal = this.$store.getters.getSponsorBlockRecap
-            break
-          case 'music_offtopic':
-            sponsorVal = this.$store.getters.getSponsorBlockMusicOffTopic
-            break
-          case 'filler':
-            sponsorVal = this.$store.getters.getSponsorBlockFiller
-            break
-        }
-        if (sponsorVal.skip !== 'doNothing') {
-          seekBar.push(x)
-        }
-        if (sponsorVal.skip === 'autoSkip') {
-          autoSkip[x] = true
-        }
-        if (sponsorVal.skip === 'promptToSkip') {
-          promptSkip[x] = true
-        }
-        categoryData[x] = sponsorVal
-      })
-      return { autoSkip, seekBar, promptSkip, categoryData }
-    },
-
-    maxVideoPlaybackRate: function () {
-      return parseInt(this.$store.getters.getMaxVideoPlaybackRate)
-    },
-
-    videoPlaybackRateInterval: function () {
-      return parseFloat(this.$store.getters.getVideoPlaybackRateInterval)
-    },
-
-    playbackRates: function () {
-      const playbackRates = []
-      let i = this.videoPlaybackRateInterval
-
-      while (i <= this.maxVideoPlaybackRate) {
-        playbackRates.push(i)
-        i = i + this.videoPlaybackRateInterval
-        i = parseFloat(i.toFixed(2))
-      }
-
-      return playbackRates
-    },
-
-    enableSubtitlesByDefault: function () {
-      return this.$store.getters.getEnableSubtitlesByDefault
-    },
-
-    enableScreenshot: function () {
-      return this.$store.getters.getEnableScreenshot
-    },
-
-    screenshotFormat: function () {
-      return this.$store.getters.getScreenshotFormat
-    },
-
-    screenshotQuality: function () {
-      return this.$store.getters.getScreenshotQuality
-    },
-
-    screenshotAskPath: function () {
-      return this.$store.getters.getScreenshotAskPath
-    },
-
-    screenshotFolder: function () {
-      return this.$store.getters.getScreenshotFolderPath
-    },
-
-    proxyVideos: function () {
-      return this.$store.getters.getProxyVideos
-    }
-  },
-  watch: {
-    showStatsModal: function () {
-      this.player.trigger(this.statsModalEventName)
-    },
-
-    enableScreenshot: function () {
-      this.toggleScreenshotButton()
-    }
-  },
-  created: function () {
-    this.dataSetup.playbackRates = this.playbackRates
-
-    if (this.format === 'audio') {
-      // hide the PIP button for the audio formats
-      const controlBarItems = this.dataSetup.controlBar.children
-      const index = controlBarItems.indexOf('pictureInPictureToggle')
-      controlBarItems.splice(index, 1)
-    }
-
-    if (this.format === 'legacy' || this.audioTracks.length === 0) {
-      // hide the audio track selector for the legacy formats
-      // and Invidious(it doesn't give us the information for multiple audio tracks yet)
-      const controlBarItems = this.dataSetup.controlBar.children
-      const index = controlBarItems.indexOf('audioTrackButton')
-      controlBarItems.splice(index, 1)
-    }
-  },
-  mounted: function () {
-    const volume = sessionStorage.getItem('volume')
-    const muted = sessionStorage.getItem('muted')
-
-    if (volume !== null) {
-      this.volume = volume
-    }
-
-    if (muted !== null) {
-      // as sessionStorage stores string values which are truthy by default so we must check with 'true'
-      // otherwise 'false' will be returned as true as well
-      this.muted = (muted === 'true')
-    }
-
-    if (this.format === 'dash') {
-      this.determineDefaultQualityDash()
-    }
-
-    this.createFullWindowButton()
-    this.createLoopButton()
-    this.createToggleTheatreModeButton()
-    this.createScreenshotButton()
-    this.determineFormatType()
-
-    if ('mediaSession' in navigator) {
-      navigator.mediaSession.setActionHandler('play', () => this.playVideo())
-      navigator.mediaSession.setActionHandler('pause', () => this.player.pause())
-    }
-
-    window.addEventListener('beforeunload', this.stopPowerSaveBlocker)
-  },
-  beforeDestroy: function () {
-    document.removeEventListener('keydown', this.keyboardShortcutHandler)
-    if (this.player !== null) {
-      this.exitFullWindow()
-
-      if (!this.player.isInPictureInPicture()) {
-        this.player.dispose()
-        this.player = null
-      }
-    }
-
-    if ('mediaSession' in navigator) {
-      navigator.mediaSession.setActionHandler('play', null)
-      navigator.mediaSession.setActionHandler('pause', null)
-      navigator.mediaSession.playbackState = 'none'
-    }
-
-    this.stopPowerSaveBlocker()
-    window.removeEventListener('beforeunload', this.stopPowerSaveBlocker)
-  },
-  methods: {
-    initializePlayer: async function () {
-      if (typeof this.$refs.video !== 'undefined') {
-        if (!this.useDash) {
-          qualitySelector(videojs, { showQualitySelectionLabelInControlBar: true })
-          await this.determineDefaultQualityLegacy()
-        }
-
-        // regardless of what DASH qualities you enable or disable in the qualityLevels plugin
-        // the first segments videojs-http-streaming requests are chosen based on the available bandwidth, which is set to 0.5MB/s by default
-        // overriding that to be the same as the quality we requested, makes videojs-http-streamming pick the correct quality
-        const playerBandwidthOption = {}
-
-        if (this.useDash && this.defaultQuality !== 'auto') {
-          // https://github.com/videojs/http-streaming#bandwidth
-          // Cannot be too high to fix https://github.com/FreeTubeApp/FreeTube/issues/595
-          // (when default quality is low like 240p)
-          playerBandwidthOption.bandwidth = this.selectedBitrate * VHS_BANDWIDTH_VARIANCE + 1
-        }
-
-        this.player = videojs(this.$refs.video, {
-          html5: {
-            preloadTextTracks: false,
-            vhs: {
-              limitRenditionByPlayerDimensions: false,
-              smoothQualityChange: false,
-              allowSeeksWithinUnsafeLiveWindow: true,
-              handlePartialData: true,
-              ...playerBandwidthOption
-            }
-          }
-        })
-        this.player.mobileUi({
-          fullscreen: {
-            enterOnRotate: this.enterFullscreenOnDisplayRotate,
-            exitOnRotate: this.enterFullscreenOnDisplayRotate,
-            lockOnRotate: false
-          },
-          // Without this flag, the mobile UI will only activate
-          // if videojs detects it is in Android or iOS
-          // With this flag, the mobile UI could theoretically
-          // work on any device that has a touch input
-          forceForTesting: true,
-          touchControls: {
-            seekSeconds: this.defaultSkipInterval,
-            tapTimeout: 300
-          }
-        })
-
-        const qualityLevels = this.player.qualityLevels()
-
-        // Catch quality changes and update auto labels
-        // Event will not fire if new auto resolution is same as previous manual
-        // eg. 1080p30 -> auto 1080p30
-        qualityLevels.on('change', ({ selectedIndex }) => {
-          if (this.selectedQuality === 'auto' || (this.selectedQuality === '' && this.defaultQuality === 'auto')) {
-            const newQualityLevel = qualityLevels[selectedIndex]
-            this.autoBitrate = newQualityLevel.bitrate
-            this.autoFPS = newQualityLevel.frameRate
-            this.autoResolution = `${newQualityLevel.width}x${newQualityLevel.height}`
-
-            let qualityLabel = ''
-            const adaptiveFormat = this.activeAdaptiveFormats.find((format) => {
-              return format.bitrate === newQualityLevel.bitrate
-            })
-            if (adaptiveFormat) {
-              this.autoMimeType = adaptiveFormat.mimeType
-              this.currentAdaptiveFormat = adaptiveFormat
-              qualityLabel = `auto ${adaptiveFormat.qualityLabel}`
-            } else {
-              qualityLabel = `auto ${newQualityLevel.height}p`
-            }
-
-            // Can be run before createDashQualitySelector is called
-            const qualityElement = document.getElementById('vjs-current-quality')
-            if (qualityElement !== null) {
-              qualityElement.innerText = qualityLabel
-            }
-          }
-        })
-
-        // disable any quality the isn't the default one, as soon as it gets added
-        // we don't need to disable any qualities for auto
-        if (this.useDash && this.defaultQuality !== 'auto') {
-          qualityLevels.on('addqualitylevel', ({ qualityLevel }) => {
-            qualityLevel.enabled = qualityLevel.bitrate === this.selectedBitrate
-          })
-        }
-
-        // for the DASH formats, videojs-http-streaming takes care of the audio track management for us,
-        // thanks to the values in the DASH manifest
-        // so we only need a custom implementation for the audio only formats
-        if (this.format === 'audio' && this.audioTracks.length > 0) {
-          /** @type {import('../../views/Watch/Watch.js').AudioTrack[]} */
-          const audioTracks = this.audioTracks
-
-          const audioTrackList = this.player.audioTracks()
-          audioTracks.forEach(({ id, kind, label, language, isDefault: enabled }) => {
-            audioTrackList.addTrack(new videojs.AudioTrack({
-              id, kind, label, language, enabled,
-            }))
-          })
-
-          audioTrackList.on('change', () => {
-            let trackId
-            // doesn't support foreach so we need to use an indexed for loop here
-            for (let i = 0; i < audioTrackList.length; i++) {
-              const track = audioTrackList[i]
-
-              if (track.enabled) {
-                trackId = track.id
-                break
-              }
-            }
-
-            this.changeAudioTrack(trackId)
-          })
-        }
-
-        this.player.volume(this.volume)
-        this.player.muted(this.muted)
-        this.player.playbackRate(this.defaultPlayback)
-        this.player.textTrackSettings.setValues(this.defaultCaptionSettings)
-        // Remove big play button
-        // https://github.com/videojs/video.js/blob/v7.12.1/docs/guides/components.md#basic-example
-        if (!this.displayVideoPlayButton) {
-          this.player.removeChild('BigPlayButton')
-        }
-
-        // Makes the playback rate menu focus the current item on mouse hover
-        // or the closest item if the playback rate is between two items
-        // which is likely to be the case when the playback rate is changed by scrolling
-        const playbackRateMenuButton = this.player.controlBar.getChild('playbackRateMenuButton')
-        playbackRateMenuButton.on(playbackRateMenuButton.menuButton_, 'mouseenter', () => {
-          const playbackRate = this.player.playbackRate()
-          const rates = this.player.playbackRates()
-
-          // iterate through the items in reverse order as the highest is displayed first
-          // `slice` must be used as `reverse` does reversing in place
-          const targetPlaybackRateMenuItemIndex = rates.slice().reverse().findIndex((rate) => {
-            return rate === playbackRate || rate < playbackRate
-          })
-
-          // center the selected item in the middle of the visible area
-          // the first and last items will never be in the center so it can be skipped for them
-          if (targetPlaybackRateMenuItemIndex !== 0 && targetPlaybackRateMenuItemIndex !== rates.length - 1) {
-            const playbackRateMenu = playbackRateMenuButton.menu
-            const menuElement = playbackRateMenu.contentEl()
-
-            const itemHeight = playbackRateMenu.children()[targetPlaybackRateMenuItemIndex].contentEl().clientHeight
-
-            // clientHeight is the height of the visible part of an element
-            const centerOfVisibleArea = (menuElement.clientHeight - itemHeight) / 2
-            const menuScrollOffset = (itemHeight * targetPlaybackRateMenuItemIndex) - centerOfVisibleArea
-
-            menuElement.scrollTo({ top: menuScrollOffset })
-          }
-        })
-
-        if (this.storyboardSrc !== '') {
-          this.player.vttThumbnails({
-            src: this.storyboardSrc,
-            showTimestamp: true
-          })
-        }
-
-        if (this.autoplayVideos) {
-          // Calling play() won't happen right away, so a quick timeout will make it function properly.
-          setTimeout(() => {
-            // `this.player` can be destroyed before this runs
-            this.playVideo()
-          }, 200)
-        }
-
-        // Remove built-in progress bar mouse over current time display
-        // `MouseTimeDisplay` in
-        // https://github.com/videojs/video.js/blob/v7.13.3/docs/guides/components.md#default-component-tree
-        this.player.controlBar.progressControl.seekBar.playProgressBar.removeChild('timeTooltip')
-
-        if (this.chapters.length > 0) {
-          this.chapters.forEach(this.addChapterMarker)
-        }
-
-        if (this.useSponsorBlock) {
-          this.initializeSponsorBlock()
-        }
-
-        document.removeEventListener('keydown', this.keyboardShortcutHandler)
-        document.addEventListener('keydown', this.keyboardShortcutHandler)
-
-        this.player.on('volumechange', this.updateVolume)
-        if (this.videoVolumeMouseScroll) {
-          this.player.on('wheel', this.mouseScrollVolume)
-        } else {
-          this.player.controlBar.getChild('volumePanel').on('wheel', this.mouseScrollVolume)
-        }
-
-        if (this.videoPlaybackRateMouseScroll) {
-          this.player.on('wheel', this.mouseScrollPlaybackRate)
-          // Removes the 'out-of-the-box' click event and adds a custom click event so that a user can
-          // ctrl-click (or command+click on a mac) without toggling play/pause
-          this.player.el_.firstChild.style.pointerEvents = 'none'
-          this.player.on('click', this.handlePlayerClick)
-        }
-        if (this.videoSkipMouseScroll) {
-          this.player.on('wheel', this.mouseScrollSkip)
-        }
-
-        this.player.on('fullscreenchange', () => {
-          this.fullscreenOverlay()
-          this.toggleFullscreenClass()
-        })
-
-        this.player.on('ready', () => {
-          this.$emit('ready')
-          this.createStatsModal()
-          if (this.captionHybridList.length !== 0) {
-            this.transformAndInsertCaptions()
-          }
-          this.toggleScreenshotButton()
-        })
-
-        this.player.one('loadedmetadata', () => {
-          if (this.useDash) {
-            // Reserved for switching back to videojs-http-quality-selector if needed
-            // this.dataSetup.plugins.httpSourceSelector = {
-            // default: 'auto'
-            // }
-
-            // this.player.httpSourceSelector()
-            this.createDashQualitySelector(this.player.qualityLevels())
-          }
-
-          this.checkAspectRatio()
-        })
-
-        this.player.on('ended', () => {
-          this.$emit('ended')
-
-          if ('mediaSession' in navigator) {
-            navigator.mediaSession.playbackState = 'none'
-          }
-
-          this.stopPowerSaveBlocker()
-        })
-
-        this.player.on('error', (error, message) => {
-          this.$emit('error', error.target.player.error_)
-
-          if ('mediaSession' in navigator) {
-            navigator.mediaSession.playbackState = 'none'
-          }
-
-          this.stopPowerSaveBlocker()
-        })
-
-        this.player.on('play', async () => {
-          if ('mediaSession' in navigator) {
-            navigator.mediaSession.playbackState = 'playing'
-          }
-
-          if (process.env.IS_ELECTRON) {
-            const { ipcRenderer } = require('electron')
-            this.powerSaveBlocker =
-              await ipcRenderer.invoke(IpcChannels.START_POWER_SAVE_BLOCKER)
-          }
-        })
-
-        this.player.on('pause', () => {
-          if ('mediaSession' in navigator) {
-            navigator.mediaSession.playbackState = 'paused'
-          }
-
-          this.stopPowerSaveBlocker()
-        })
-
-        this.player.on(this.statsModalEventName, () => {
-          if (this.showStatsModal) {
-            this.statsModal.open()
-            this.player.controls(true)
-            this.statsModal.contentEl().innerHTML = this.getFormattedStats()
-          } else {
-            this.statsModal.close()
-          }
-        })
-
-        this.player.on('timeupdate', () => {
-          if (this.format === 'dash') {
-            this.playerStats = this.player.tech({ IWillNotUseThisInPlugins: true }).vhs.stats
-            this.updateStatsContent()
-          }
-          this.$emit('timeupdate')
-        })
-
-        this.player.textTrackSettings.on('modalclose', (_) => {
-          const settings = this.player.textTrackSettings.getValues()
-          this.updateDefaultCaptionSettings(JSON.stringify(settings))
-        })
-
-        // right click menu
-        if (process.env.IS_ELECTRON) {
-          const { ipcRenderer } = require('electron')
-          ipcRenderer.removeAllListeners(IpcChannels.SHOW_VIDEO_STATISTICS)
-          ipcRenderer.on(IpcChannels.SHOW_VIDEO_STATISTICS, (event) => {
-            this.toggleShowStatsModal()
-          })
-        }
-      }
-    },
-
-    initializeSponsorBlock() {
-      sponsorBlockSkipSegments(this.videoId, this.sponsorSkips.seekBar)
-        .then((skipSegments) => {
-          if (skipSegments.length === 0) {
-            return
-          }
-
-          this.player.ready(() => {
-            this.player.on('timeupdate', () => {
-              this.skipSponsorBlocks(skipSegments)
-            })
-
-            this.player.on('seeking', () => {
-              // disabling sponsors auto skipping when the user manually seeks
-              this.skipSponsors = false
-            })
-
-            skipSegments.forEach(({
-              category,
-              segment: [startTime, endTime]
-            }) => {
-              this.addSponsorBlockMarker({
-                time: startTime,
-                duration: endTime - startTime,
-                color: 'var(--primary-color)',
-                category: category
-              })
-            })
-          })
-        })
-    },
-
-    skipSponsorBlocks(skipSegments) {
-      const currentTime = this.player.currentTime()
-      const duration = this.player.duration()
-      let newTime = null
-      let skippedCategory = null
-      skipSegments.forEach(({ category, segment: [startTime, endTime] }) => {
-        if (startTime <= currentTime && currentTime < endTime) {
-          newTime = endTime
-          skippedCategory = category
-        }
-      })
-      if (this.skipSponsors && newTime !== null && Math.abs(duration - currentTime) > 0.500) {
-        if (this.sponsorSkips.autoSkip[skippedCategory]) {
-          if (this.skipCountdown === 0) {
-            if (this.sponsorBlockShowSkippedToast) {
-              this.showSkippedSponsorSegmentInformation(skippedCategory)
-            }
-            this.player.currentTime(newTime)
-          } else {
-            this.skipCountdown--
-          }
-        }
-      }
-      // restoring sponsors skipping default values
-      if (newTime === null && !this.skipSponsors) {
-        this.skipSponsors = true
-        this.skipCountdown = 1
-      }
-    },
-
-    showSkippedSponsorSegmentInformation(category) {
-      const translatedCategory = this.sponsorBlockTranslatedCategory(category)
-      showToast(`${this.$t('Video.Skipped segment')} ${translatedCategory}`)
-    },
-
-    sponsorBlockTranslatedCategory(category) {
-      switch (category) {
-        case 'sponsor':
-          return this.$t('Video.Sponsor Block category.sponsor')
-        case 'intro':
-          return this.$t('Video.Sponsor Block category.intro')
-        case 'outro':
-          return this.$t('Video.Sponsor Block category.outro')
-        case 'selfpromo':
-          return this.$t('Video.Sponsor Block category.self-promotion')
-        case 'interaction':
-          return this.$t('Video.Sponsor Block category.interaction')
-        case 'music_offtopic':
-          return this.$t('Video.Sponsor Block category.music offtopic')
-        case 'filler':
-          return this.$t('Video.Sponsor Block category.filler')
-        default:
-          console.error(`Unknown translation for SponsorBlock category ${category}`)
-          return category
-      }
-    },
-
-    addSponsorBlockMarker(marker) {
-      const markerDiv = videojs.dom.createEl('div')
-
-      markerDiv.title = this.sponsorBlockTranslatedCategory(marker.category)
-      markerDiv.className = `sponsorBlockMarker main${this.sponsorSkips.categoryData[marker.category].color}`
-      markerDiv.style.width = (marker.duration / this.lengthSeconds) * 100 + '%'
-      markerDiv.style.marginLeft = (marker.time / this.lengthSeconds) * 100 + '%'
-
-      this.player.el().querySelector('.vjs-progress-holder').appendChild(markerDiv)
-    },
-
-    addChapterMarker(chapter) {
-      const markerDiv = videojs.dom.createEl('div')
-
-      markerDiv.title = chapter.title
-      markerDiv.className = 'chapterMarker'
-      markerDiv.style.marginLeft = `calc(${(chapter.startSeconds / this.lengthSeconds) * 100}% - 1px)`
-
-      this.player.el().querySelector('.vjs-progress-holder').appendChild(markerDiv)
-    },
-
-    checkAspectRatio() {
-      const videoWidth = this.player.videoWidth()
-      const videoHeight = this.player.videoHeight()
-
-      if ((videoWidth - videoHeight) <= 240) {
-        this.player.fluid(false)
-        this.player.aspectRatio('16:9')
-      }
-    },
-
-    updateVolume: function (_event) {
-      // https://docs.videojs.com/html5#volume
-      if (sessionStorage.getItem('muted') === 'false' && this.player.volume() === 0) {
-        // If video is muted by dragging volume slider, it doesn't change 'muted' in sessionStorage to true
-        // hence compare it with 'false' and set volume to defaultVolume.
-        const volume = parseFloat(sessionStorage.getItem('defaultVolume'))
-        const muted = true
-        sessionStorage.setItem('volume', volume)
-        sessionStorage.setItem('muted', muted)
-      } else {
-        // If volume isn't muted by dragging the slider, muted and volume values are carried over to next video.
-        const volume = this.player.volume()
-        const muted = this.player.muted()
-        sessionStorage.setItem('volume', volume)
-        sessionStorage.setItem('muted', muted)
-      }
-    },
-
-    mouseScrollVolume: function (event) {
-      if (event.target && !event.currentTarget.querySelector('.vjs-menu:hover')) {
-        event.preventDefault()
-
-        if (this.player.muted() && event.wheelDelta > 0) {
-          this.player.muted(false)
-          this.player.volume(0)
-        }
-
-        if (!event.ctrlKey && !event.metaKey) {
-          if (!this.player.muted()) {
-            if (event.wheelDelta > 0) {
-              this.changeVolume(0.05)
-            } else if (event.wheelDelta < 0) {
-              this.changeVolume(-0.05)
-            }
-          }
-        }
-      }
-    },
-
-    /**
-     * @param {WheelEvent} event
-     */
-    mouseScrollPlaybackRate: function (event) {
-      if (event.target && !event.currentTarget.querySelector('.vjs-menu:hover')) {
-        if (event.ctrlKey || event.metaKey) {
-          // Only stop page scrolling when Cmd/Ctrl pressed
-          event.preventDefault()
-
-          if (event.deltaY > 0) {
-            this.changePlayBackRate(0.05)
-          } else if (event.deltaY < 0) {
-            this.changePlayBackRate(-0.05)
-          }
-        }
-      }
-    },
-
-    mouseScrollSkip: function (event) {
-      // Avoid doing both
-      if ((event.ctrlKey || event.metaKey) && this.videoPlaybackRateMouseScroll) {
-        return
-      }
-
-      // ensure that the mouse is over the player
-      if (event.target && (event.target.matches('.vjs-tech') || event.target.matches('.ftVideoPlayer'))) {
-        event.preventDefault()
-
-        if (event.wheelDelta > 0) {
-          this.changeDurationBySeconds(this.defaultSkipInterval * this.player.playbackRate())
-        }
-        if (event.wheelDelta < 0) {
-          this.changeDurationBySeconds(-this.defaultSkipInterval * this.player.playbackRate())
-        }
-      }
-    },
-
-    handlePlayerClick: function (event) {
-      if (event.target.matches('.ftVideoPlayer')) {
-        if (event.ctrlKey || event.metaKey) {
-          this.player.playbackRate(this.defaultPlayback)
-        } else {
-          if (this.player.paused() || !this.player.hasStarted()) {
-            this.playVideo()
-          } else {
-            this.player.pause()
-          }
-        }
-      }
-    },
-
-    /**
-     * @param {string} trackId
-     */
-    changeAudioTrack: function (trackId) {
-      // changing the player sources resets it, so we need to store the values that get reset,
-      // before we change the sources and restore them afterwards
-      const isPaused = this.player.paused()
-      const currentTime = this.player.currentTime()
-      const playbackRate = this.player.playbackRate()
-      const selectedQualityIndex = this.player.currentSources().findIndex(quality => quality.selected)
-
-      const newSourceList = this.audioTracks.find(audioTrack => audioTrack.id === trackId).sourceList
-
-      // video.js doesn't pick up changes to the sources in the HTML after it's initial load
-      // updating the sources of an existing player requires calling player.src() instead
-      // which accepts a different object that what use for the html sources
-
-      const newSources = newSourceList.map((source, index) => {
-        return {
-          src: source.url,
-          type: source.type,
-          label: source.qualityLabel,
-          selected: index === selectedQualityIndex
-        }
-      })
-
-      this.player.one('canplay', () => {
-        this.player.currentTime(currentTime)
-        this.player.playbackRate(playbackRate)
-
-        // need to call play to restore the player state, even if we want to pause afterwards
-        this.playVideo(() => {
-          if (isPaused) { this.player.pause() }
-        })
-      })
-
-      this.player.src(newSources)
-    },
-
-    determineFormatType: function () {
-      if (this.format === 'dash') {
-        this.enableDashFormat()
-      } else {
-        this.enableLegacyFormat()
-      }
-    },
-
-    determineDefaultQualityLegacy: function () {
-      if (this.useDash) {
-        return
-      }
-
-      if (this.sourceList.length === 0) {
-        return ''
-      }
-
-      if (typeof (this.sourceList[0].qualityLabel) === 'number') {
-        return ''
-      }
-
-      if (this.sourceList[this.sourceList.length - 1].qualityLabel === this.$t('Video.Audio.Low')) {
-        this.selectedDefaultQuality = this.sourceList[0].qualityLabel
-        return
-      }
-
-      let defaultQuality = this.defaultQuality
-
-      if (defaultQuality === 'auto') {
-        defaultQuality = 720
-      }
-
-      let maxAvailableQuality = parseInt(this.sourceList[this.sourceList.length - 1].qualityLabel.replace(/p|k/, ''))
-
-      if (maxAvailableQuality === 4) {
-        maxAvailableQuality = 2160
-      }
-
-      if (maxAvailableQuality === 8) {
-        maxAvailableQuality = 4320
-      }
-
-      if (maxAvailableQuality < defaultQuality) {
-        this.selectedDefaultQuality = this.sourceList[this.sourceList.length - 1].qualityLabel
-      }
-
-      const reversedList = [].concat(this.sourceList).reverse()
-
-      reversedList.forEach((source, index) => {
-        let qualityNumber = parseInt(source.qualityLabel.replace(/p|k/, ''))
-        if (qualityNumber === 4) {
-          qualityNumber = 2160
-        }
-        if (qualityNumber === 8) {
-          qualityNumber = 4320
-        }
-
-        if (defaultQuality === qualityNumber) {
-          this.selectedDefaultQuality = source.qualityLabel
-        }
-
-        if (index < (this.sourceList.length - 1)) {
-          let upperQualityNumber = parseInt(reversedList[index + 1].qualityLabel.replace(/p|k/, ''))
-          if (upperQualityNumber === 4) {
-            upperQualityNumber = 2160
-          }
-          if (upperQualityNumber === 8) {
-            upperQualityNumber = 4320
-          }
-          if (defaultQuality >= qualityNumber && defaultQuality < upperQualityNumber) {
-            this.selectedDefaultQuality = source.qualityLabel
-          }
-        } else if (qualityNumber <= defaultQuality) {
-          this.selectedDefaultQuality = source.qualityLabel
-        }
-      })
-
-      if (this.selectedDefaultQuality === '') {
-        this.selectedDefaultQuality = this.sourceList[this.sourceList.length - 1].qualityLabel
-      }
-    },
-
-    determineDefaultQualityDash: function () {
-      // TODO add settings and filtering for 60fps and HDR
-
-      if (this.defaultQuality === 'auto') {
-        this.selectedResolution = 'auto'
-        this.selectedFPS = 'auto'
-        this.selectedBitrate = 'auto'
-        this.selectedMimeType = 'auto'
-      } else {
-        const videoFormats = this.adaptiveFormats.filter(format => {
-          return (format.mimeType || format.type).startsWith('video') &&
-            typeof format.height === 'number'
-        })
-
-        // Select the quality that is identical to the users chosen default quality if it's available
-        // otherwise select the next lowest quality
-
-        let formatsToTest = videoFormats.filter(format => {
-          // For short videos (or vertical videos?)
-          // Height > width (e.g. H: 1280, W: 720)
-          if (typeof format.width === 'number' && format.height > format.width) {
-            return format.width === this.defaultQuality
-          }
-
-          return format.height === this.defaultQuality
-        })
-
-        if (formatsToTest.length === 0) {
-          formatsToTest = videoFormats.filter(format => {
-            // For short videos (or vertical videos?)
-            // Height > width (e.g. H: 1280, W: 720)
-            if (typeof format.width === 'number' && format.height > format.width) {
-              return format.width < this.defaultQuality
-            }
-
-            return format.height < this.defaultQuality
-          })
-        }
-
-        formatsToTest.sort((a, b) => {
-          if (a.height === b.height) {
-            // Higher bitrate for video formats with HDR qualities
-            // `height` and `fps` are the same but `bitrate` would be higher
-            return b.bitrate - a.bitrate
-          } else {
-            return b.height - a.height
-          }
-        })
-
-        const selectedFormat = formatsToTest[0]
-        this.currentAdaptiveFormat = selectedFormat
-        this.selectedBitrate = selectedFormat.bitrate
-        this.selectedResolution = `${selectedFormat.width}x${selectedFormat.height}`
-        this.selectedFPS = selectedFormat.fps
-        this.selectedMimeType = selectedFormat.mimeType || selectedFormat.type
-      }
-    },
-
-    setDashQualityLevel: function (bitrate) {
-      if (bitrate === this.selectedBitrate) {
-        return
-      }
-
-      let adaptiveFormat = null
-
-      if (bitrate !== 'auto') {
-        adaptiveFormat = this.activeAdaptiveFormats.find((format) => {
-          return format.bitrate === bitrate
-        })
-      }
-
-      let qualityLabel = adaptiveFormat ? adaptiveFormat.qualityLabel : ''
-
-      const qualityLevels = Array.from(this.player.qualityLevels())
-      if (bitrate === 'auto') {
-        qualityLevels.forEach(ql => {
-          ql.enabled = true
-        })
-      } else {
-        const previousBitrate = this.selectedBitrate
-
-        // if it was previously set to a specific quality we can disable just that and enable just the new one
-        // if it was previously set to auto, it means all qualitylevels were enabled, so we need to disable them
-
-        if (previousBitrate !== 'auto') {
-          const qualityLevel = qualityLevels.find(ql => bitrate === ql.bitrate)
-          qualityLevel.enabled = true
-
-          if (qualityLabel === '') {
-            qualityLabel = qualityLevel.height + 'p'
-          }
-
-          qualityLevels.find(ql => previousBitrate === ql.bitrate).enabled = false
-        } else {
-          qualityLevels.forEach(ql => {
-            if (bitrate === ql.bitrate) {
-              ql.enabled = true
-              if (qualityLabel === '') {
-                qualityLabel = ql.height + 'p'
-              }
-            } else {
-              ql.enabled = false
-            }
-          })
-        }
-      }
-
-      const selectedQuality = bitrate === 'auto' ? 'auto' : qualityLabel
-
-      const qualityElement = document.getElementById('vjs-current-quality')
-      // Include resolution of previous selection
-      // If new auto resolution is the same as the previous resolution
-      // the qualityLevels on 'change' event will not be called
-      qualityElement.innerText = (selectedQuality === 'auto') ? `auto ${this.currentAdaptiveFormat.qualityLabel}` : selectedQuality
-      this.selectedQuality = selectedQuality
-
-      if (selectedQuality !== 'auto') {
-        this.selectedResolution = `${adaptiveFormat.width}x${adaptiveFormat.height}`
-        this.selectedFPS = adaptiveFormat.fps
-        this.selectedBitrate = adaptiveFormat.bitrate
-        this.selectedMimeType = adaptiveFormat.mimeType
-        this.currentAdaptiveFormat = adaptiveFormat
-      } else {
-        // Default auto values to use previous selected values in case the adaptive format doesn't change
-        this.autoResolution = this.selectedResolution
-        this.autoFPS = this.selectedFPS
-        this.autoBitrate = this.selectedBitrate
-        this.autoMimeType = this.selectedMimeType
-
-        this.selectedResolution = 'auto'
-        this.selectedFPS = 'auto'
-        this.selectedBitrate = 'auto'
-        this.selectedMimeType = 'auto'
-      }
-
-      const qualityItems = document.querySelectorAll('.quality-item')
-
-      qualityItems.forEach((item) => {
-        item.classList.remove('quality-selected')
-        const qualityText = item.querySelector('.vjs-menu-item-text')
-        if (qualityText.innerText === selectedQuality.toLowerCase()) {
-          item.classList.add('quality-selected')
-        }
-      })
-
-      /* if (this.selectedQuality === qualityLevel && this.using60Fps === is60Fps) {
-        return
-      }
-      let foundSelectedQuality = false
-      this.using60Fps = is60Fps
-      this.player.qualityLevels().levels_.sort((a, b) => {
-        if (a.height === b.height) {
-          return a.bitrate - b.bitrate
-        } else {
-          return a.height - b.height
-        }
-      }).forEach((ql, index, arr) => {
-        if (foundSelectedQuality) {
-          ql.enabled = false
-          ql.enabled_(false)
-        } else if (qualityLevel === 'auto') {
-          ql.enabled = true
-          ql.enabled_(true)
-        } else if (ql.height === qualityLevel) {
-          ql.enabled = true
-          ql.enabled_(true)
-          foundSelectedQuality = true
-
-          let lowerQuality
-          let higherQuality
-
-          if ((index - 1) !== -1) {
-            lowerQuality = arr[index - 1]
-          }
-
-          if ((index + 1) < arr.length) {
-            higherQuality = arr[index + 1]
-          }
-
-          if (typeof (lowerQuality) !== 'undefined' && lowerQuality.height === ql.height && lowerQuality.bitrate < ql.bitrate && !is60Fps) {
-            ql.enabled = false
-            ql.enabled_(false)
-            foundSelectedQuality = false
-          }
-
-          if (typeof (higherQuality) !== 'undefined' && higherQuality.height === ql.height && higherQuality.bitrate > ql.bitrate && is60Fps) {
-            ql.enabled = false
-            ql.enabled_(false)
-            foundSelectedQuality = false
-          }
-        } else {
-          ql.enabled = false
-          ql.enabled_(false)
-        }
-      })
-
-      let selectedQuality = qualityLevel
-
-      if (selectedQuality !== 'auto' && is60Fps) {
-        selectedQuality = selectedQuality + 'p60'
-      } else if (selectedQuality !== 'auto') {
-        selectedQuality = selectedQuality + 'p'
-      }
-
-      const qualityElement = document.getElementById('vjs-current-quality')
-      qualityElement.innerText = selectedQuality
-      this.selectedQuality = qualityLevel
-
-      const qualityItems = $('.quality-item').get()
-
-      $('.quality-item').removeClass('quality-selected')
-
-      qualityItems.forEach((item) => {
-        const qualityText = $(item).find('.vjs-menu-item-text').get(0)
-        if (qualityText.innerText === selectedQuality) {
-          $(item).addClass('quality-selected')
-        }
-      })
-
-      // const currentTime = this.player.currentTime()
-
-      // this.player.currentTime(0)
-      // this.player.currentTime(currentTime) */
-    },
-
-    enableDashFormat: function () {
-      if (this.dashSrc === null) {
-        console.warn('No dash format available.')
-        return
-      }
-
-      this.useDash = true
-      this.useHls = false
-      this.activeSourceList = this.dashSrc
-
-      setTimeout(this.initializePlayer, 100)
-    },
-
-    enableLegacyFormat: function () {
-      if (this.sourceList.length === 0) {
-        console.error('No sources available')
-        return
-      }
-
-      this.useDash = false
-      this.useHls = false
-      this.activeSourceList = (this.proxyVideos || !process.env.SUPPORTS_LOCAL_API)
-        // use map here to return slightly different list without modifying original
-        ? this.sourceList.map((source) => {
-          return {
-            ...source,
-            url: getProxyUrl(source.url)
-          }
-        })
-        : this.sourceList
-
-      setTimeout(this.initializePlayer, 100)
-    },
-
-    togglePlayPause: function () {
-      if (this.player.paused()) {
-        this.playVideo()
-      } else {
-        this.player.pause()
-      }
-    },
-
-    changeDurationBySeconds: function (seconds) {
-      const currentTime = this.player.currentTime()
-      const newTime = currentTime + seconds
-
-      if (newTime < 0) {
-        this.player.currentTime(0)
-      } else if (newTime > this.player.duration) {
-        this.player.currentTime(this.player.duration)
-      } else {
-        this.player.currentTime(newTime)
-      }
-    },
-
-    changePlayBackRate: function (rate) {
-      const newPlaybackRate = (this.player.playbackRate() + rate).toFixed(2)
-
-      if (newPlaybackRate >= this.videoPlaybackRateInterval && newPlaybackRate <= this.maxVideoPlaybackRate) {
-        this.player.playbackRate(newPlaybackRate)
-      }
-    },
-
-    framebyframe: function (step) {
-      if (this.format === 'audio') {
-        return
-      }
-
-      this.player.pause()
-
-      let fps
-      if (this.useDash) {
-        const qualityLevels = this.player.qualityLevels()
-        fps = qualityLevels[qualityLevels.selectedIndex].frameRate
-      } else {
-        // legacy formats
-        const currentPlayerSourceUrl = this.player.currentSource().src
-        fps = this.sourceList.find(source => source.url === currentPlayerSourceUrl)?.fps
-      }
-
-      if (isNaN(fps)) {
-        fps = 30
-      }
-
-      // The 3 lines below were taken from the videojs-framebyframe node module by Helena Rasche
-      const frameTime = 1 / fps
-      const dist = frameTime * step
-      this.player.currentTime(this.player.currentTime() + dist)
-    },
-
-    changeVolume: function (volume) {
-      const currentVolume = this.player.volume()
-      const newVolume = currentVolume + volume
-
-      if (newVolume < 0) {
-        this.player.volume(0)
-      } else if (newVolume > 1) {
-        this.player.volume(1)
-      } else {
-        this.player.volume(newVolume)
-      }
-    },
-
-    toggleMute: function () {
-      if (this.player.muted()) {
-        this.player.muted(false)
-      } else {
-        this.player.muted(true)
-      }
-    },
-
-    toggleCaptions: function () {
-      // skip videojs-http-streaming's segment-metadata track
-      // https://github.com/videojs/http-streaming#segment-metadata
-      const trackIndex = this.useDash ? 1 : 0
-
-      const tracks = this.player.textTracks()
-
-      // visually and semantically disable any other enabled tracks
-      for (let i = 0; i < tracks.length; ++i) {
-        if (i !== trackIndex && tracks[i].mode === 'showing') {
-          tracks[i].mode = 'disabled'
-        }
-      }
-
-      if (tracks.length > trackIndex) {
-        if (tracks[trackIndex].mode === 'showing') {
-          tracks[trackIndex].mode = 'disabled'
-        } else {
-          tracks[trackIndex].mode = 'showing'
-        }
-      }
-    },
-
-    createLoopButton: function () {
-      const toggleVideoLoop = this.toggleVideoLoop
-
-      const VjsButton = videojs.getComponent('Button')
-      class loopButton extends VjsButton {
-        handleClick() {
-          toggleVideoLoop()
-        }
-
-        createControlTextEl(button) {
-          button.title = 'Toggle Loop'
-
-          const div = document.createElement('div')
-
-          div.id = 'loopButton'
-          div.className = 'vjs-icon-loop loop-white vjs-button'
-
-          button.appendChild(div)
-
-          return div
-        }
-      }
-
-      videojs.registerComponent('loopButton', loopButton)
-    },
-
-    toggleVideoLoop: function () {
-      const loopButton = document.getElementById('loopButton')
-
-      if (!this.player.loop()) {
-        const currentTheme = this.$store.state.settings.mainColor
-
-        const colorValue = colors.find(color => color.name === currentTheme).value
-
-        const themeTextColor = calculateColorLuminance(colorValue)
-
-        loopButton.classList.add('vjs-icon-loop-active')
-
-        if (themeTextColor === '#000000') {
-          loopButton.classList.add('loop-black')
-          loopButton.classList.remove('loop-white')
-        }
-
-        this.player.loop(true)
-      } else {
-        loopButton.classList.remove('vjs-icon-loop-active')
-        loopButton.classList.remove('loop-black')
-        loopButton.classList.add('loop-white')
-        this.player.loop(false)
-      }
-    },
-
-    createFullWindowButton: function () {
-      const toggleFullWindow = this.toggleFullWindow
-
-      const VjsButton = videojs.getComponent('Button')
-      class fullWindowButton extends VjsButton {
-        handleClick() {
-          toggleFullWindow()
-        }
-
-        createControlTextEl(button) {
-          // Add class name to button to be able to target it with CSS selector
-          button.classList.add('vjs-button-fullwindow')
-          button.title = 'Full Window'
-
-          const div = document.createElement('div')
-          div.id = 'fullwindow'
-          div.className = 'vjs-icon-fullwindow-enter vjs-button'
-
-          button.appendChild(div)
-
-          return div
-        }
-      }
-
-      videojs.registerComponent('fullWindowButton', fullWindowButton)
-    },
-
-    createToggleTheatreModeButton: function () {
-      if (!this.theatrePossible) {
-        return
-      }
-
-      const theatreModeActive = this.useTheatreMode ? ' vjs-icon-theatre-active' : ''
-
-      const toggleTheatreMode = this.toggleTheatreMode
-
-      const VjsButton = videojs.getComponent('Button')
-      class toggleTheatreModeButton extends VjsButton {
-        handleClick() {
-          toggleTheatreMode()
-        }
-
-        createControlTextEl(button) {
-          button.classList.add('vjs-button-theatre')
-          button.title = 'Toggle Theatre Mode'
-
-          const div = document.createElement('div')
-          div.id = 'toggleTheatreModeButton'
-          div.className = `vjs-icon-theatre-inactive${theatreModeActive} vjs-button`
-
-          button.appendChild(div)
-
-          return button
-        }
-      }
-
-      videojs.registerComponent('toggleTheatreModeButton', toggleTheatreModeButton)
-    },
-
-    toggleTheatreMode: function () {
-      if (!this.player.isFullscreen_) {
-        const toggleTheatreModeButton = document.getElementById('toggleTheatreModeButton')
-        if (!this.useTheatreMode) {
-          toggleTheatreModeButton.classList.add('vjs-icon-theatre-active')
-        } else {
-          toggleTheatreModeButton.classList.remove('vjs-icon-theatre-active')
-        }
-      }
-
-      this.$emit('toggle-theatre-mode')
-    },
-
-    createScreenshotButton: function () {
-      const takeScreenshot = this.takeScreenshot
-
-      const VjsButton = videojs.getComponent('Button')
-      class screenshotButton extends VjsButton {
-        handleClick() {
-          takeScreenshot()
-          const video = document.getElementsByTagName('video')[0]
-          video.focus()
-          video.blur()
-        }
-
-        createControlTextEl(button) {
-          button.classList.add('vjs-hidden')
-          button.title = 'Screenshot'
-
-          const div = document.createElement('div')
-          div.id = 'screenshotButton'
-          div.className = 'vjs-icon-screenshot vjs-button'
-
-          button.appendChild(div)
-
-          return div
-        }
-      }
-
-      videojs.registerComponent('screenshotButton', screenshotButton)
-    },
-
-    toggleScreenshotButton: function () {
-      const button = document.getElementById('screenshotButton').parentNode
-      if (this.enableScreenshot && this.format !== 'audio') {
-        button.classList.remove('vjs-hidden')
-      } else {
-        button.classList.add('vjs-hidden')
-      }
-    },
-
-    takeScreenshot: async function () {
-      if (!this.enableScreenshot || this.format === 'audio') {
-        return
-      }
-
-      const width = this.player.videoWidth()
-      const height = this.player.videoHeight()
-      if (width <= 0) {
-        return
-      }
-
-      // Need to set crossorigin="anonymous" for LegacyFormat on Invidious
-      // https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image
-      const video = document.querySelector('video')
-      const canvas = document.createElement('canvas')
-      canvas.width = width
-      canvas.height = height
-      canvas.getContext('2d').drawImage(video, 0, 0)
-
-      const format = this.screenshotFormat
-      const mimeType = `image/${format === 'jpg' ? 'jpeg' : format}`
-      const imageQuality = format === 'jpg' ? this.screenshotQuality / 100 : 1
-
-      let filename
-      try {
-        filename = await this.parseScreenshotCustomFileName({
-          date: new Date(Date.now()),
-          playerTime: this.player.currentTime(),
-          videoId: this.videoId
-        })
-      } catch (err) {
-        console.error(`Parse failed: ${err.message}`)
-        showToast(this.$t('Screenshot Error', { error: err.message }))
-        canvas.remove()
-        return
-      }
-
-      let subDir = ''
-      if (filename.indexOf(path.sep) !== -1) {
-        const lastIndex = filename.lastIndexOf(path.sep)
-        subDir = filename.substring(0, lastIndex)
-        filename = filename.substring(lastIndex + 1)
-      }
-      const filenameWithExtension = `${filename}.${format}`
-
-      let dirPath
-      let filePath
-      if (this.screenshotAskPath) {
-        const wasPlaying = !this.player.paused()
-        if (wasPlaying) {
-          this.player.pause()
-        }
-
-        if (this.screenshotFolder === '' || !(await pathExists(this.screenshotFolder))) {
-          dirPath = await getPicturesPath()
-        } else {
-          dirPath = this.screenshotFolder
-        }
-
-        const options = {
-          defaultPath: path.join(dirPath, filenameWithExtension),
-          filters: [
-            {
-              name: format.toUpperCase(),
-              extensions: [format]
-            }
-          ]
-        }
-
-        const response = await showSaveDialog(options)
-        if (wasPlaying) {
-          this.playVideo()
-        }
-        if (response.canceled || response.filePath === '') {
-          canvas.remove()
-          return
-        }
-
-        filePath = response.filePath
-        if (!filePath.endsWith(`.${format}`)) {
-          filePath = `${filePath}.${format}`
-        }
-
-        dirPath = path.dirname(filePath)
-        this.updateScreenshotFolderPath(dirPath)
-      } else {
-        if (this.screenshotFolder === '') {
-          dirPath = path.join(await getPicturesPath(), 'Freetube', subDir)
-        } else {
-          dirPath = path.join(this.screenshotFolder, subDir)
-        }
-
-        if (!(await pathExists(dirPath))) {
-          try {
-            fs.mkdir(dirPath, { recursive: true })
-          } catch (err) {
-            console.error(err)
-            showToast(this.$t('Screenshot Error', { error: err }))
-            canvas.remove()
-            return
-          }
-        }
-        filePath = path.join(dirPath, filenameWithExtension)
-      }
-
-      canvas.toBlob((result) => {
-        result.arrayBuffer().then(ab => {
-          const arr = new Uint8Array(ab)
-
-          fs.writeFile(filePath, arr)
-            .then(() => {
-              showToast(this.$t('Screenshot Success', { filePath }))
-            })
-            .catch((err) => {
-              console.error(err)
-              showToast(this.$t('Screenshot Error', { error: err }))
-            })
-        })
-      }, mimeType, imageQuality)
-      canvas.remove()
-    },
-
-    createDashQualitySelector: function (levels) {
-      const currentAdaptiveFormat = this.currentAdaptiveFormat
-      const adaptiveFormats = this.adaptiveFormats
-      const activeAdaptiveFormats = this.activeAdaptiveFormats
-      const setDashQualityLevel = this.setDashQualityLevel
-      const defaultQuality = this.defaultQuality
-      const defaultBitrate = this.selectedBitrate
-      const autoResolution = this.autoResolution
-
-      const VjsButton = videojs.getComponent('Button')
-      class dashQualitySelector extends VjsButton {
-        handleClick(event) {
-          if (!event.target.classList.contains('quality-item') && !event.target.classList.contains('vjs-menu-item-text')) {
-            return
-          }
-          const selectedQuality = event.target.innerText
-          const bitrate = selectedQuality === 'auto' ? 'auto' : parseInt(event.target.attributes.bitrate.value)
-          setDashQualityLevel(bitrate)
-        }
-
-        createControlTextEl(button) {
-          const beginningHtml = `<div class="vjs-quality-level-value">
-           <span id="vjs-current-quality">1080p</span>
-          </div>
-          <div class="vjs-quality-level-menu vjs-menu">
-             <ul class="vjs-menu-content" role="menu">`
-          const endingHtml = '</ul></div>'
-
-          const defaultIsAuto = defaultQuality === 'auto'
-
-          let qualityHtml = `<li class="vjs-menu-item quality-item ${defaultIsAuto ? 'quality-selected' : ''}" role="menuitemradio" tabindex="-1" aria-checked="false" aria-disabled="false">
-            <span class="vjs-menu-item-text">Auto</span>
-            <span class="vjs-control-text" aria-live="polite"></span>
-          </li>`
-
-          let currentQualityLabel
-
-          Array.from(levels).sort((a, b) => {
-            if (b.height === a.height) {
-              return b.bitrate - a.bitrate
-            } else {
-              return b.height - a.height
-            }
-          }).forEach((quality, index, array) => {
-            let fps
-            let qualityLabel
-            let bitrate
-
-            if (typeof adaptiveFormats !== 'undefined' && adaptiveFormats.length > 0) {
-              const adaptiveFormat = adaptiveFormats.find((format) => {
-                return format.bitrate === quality.bitrate
-              })
-
-              if (typeof adaptiveFormat === 'undefined') {
-                return
-              }
-
-              activeAdaptiveFormats.push(adaptiveFormat)
-
-              fps = adaptiveFormat.fps ? adaptiveFormat.fps : 30
-              qualityLabel = adaptiveFormat.qualityLabel ? adaptiveFormat.qualityLabel : quality.height + 'p'
-              bitrate = quality.bitrate
-            } else {
-              fps = 30
-              qualityLabel = quality.height + 'p'
-              bitrate = quality.bitrate
-            }
-
-            const isSelected = !defaultIsAuto && bitrate === defaultBitrate
-
-            if (isSelected) {
-              currentQualityLabel = qualityLabel
-            }
-
-            qualityHtml += `<li class="vjs-menu-item quality-item ${isSelected ? 'quality-selected' : ''}" role="menuitemradio" tabindex="-1" aria-checked="false" aria-disabled="false" fps="${fps}" bitrate="${bitrate}">
-              <span class="vjs-menu-item-text" fps="${fps}" bitrate="${bitrate}">${qualityLabel}</span>
-              <span class="vjs-control-text" aria-live="polite"></span>
-            </li>`
-
-            // Old logic, revert if needed.
-            /* let is60Fps = false
-            if (index < array.length - 1 && array[index + 1].height === quality.height) {
-              if (array[index + 1].bitrate < quality.bitrate) {
-                is60Fps = true
-              }
-            }
-            const qualityText = is60Fps ? quality.height + 'p60' : quality.height + 'p'
-            qualityHtml = qualityHtml + `<li class="vjs-menu-item quality-item" role="menuitemradio" tabindex="-1" aria-checked="false aria-disabled="false">
-              <span class="vjs-menu-item-text">${qualityText}</span>
-              <span class="vjs-control-text" aria-live="polite"></span>
-            </li>` */
-          })
-          // the default width is 3em which is too narrow for qualitly labels with fps e.g. 1080p60
-          button.style.width = '4em'
-          button.title = 'Select Quality'
-          button.innerHTML = beginningHtml + qualityHtml + endingHtml
-
-          let autoQualityLabel = 'auto'
-          if (currentAdaptiveFormat) {
-            autoQualityLabel += ` ${currentAdaptiveFormat.qualityLabel}`
-          } else if (autoResolution !== '') {
-            autoQualityLabel += ` ${autoResolution.split('x')[1]}p`
-          }
-
-          // For default auto, it may select a resolution before generating the quality buttons
-          button.querySelector('#vjs-current-quality').innerText = defaultIsAuto ? autoQualityLabel : currentQualityLabel
-          const vjsMenu = button.querySelector('.vjs-menu')
-          let isTapping = false
-          button.addEventListener('touchstart', () => {
-            isTapping = true
-          })
-          button.addEventListener('touchmove', () => {
-            // if they are moving, they cannot be tapping
-            isTapping = false
-          })
-          button.addEventListener('touchend', (e) => {
-            if (isTapping) {
-              button.focus()
-              // make it easier to toggle the vjs-menu on touch (hover css is inconsistent w/ touch)
-              if (!e.target.classList.contains('quality-item') && !e.target.classList.contains('vjs-menu-item-text')) {
-                vjsMenu.classList.toggle('vjs-lock-showing')
-              } else {
-                // hide the quality selector on select (just like the other quality selectors do on mobile)
-                vjsMenu.classList.remove('vjs-lock-showing')
-              }
-              this.handleClick(e)
-              isTapping = false
-            }
-          })
-          button.addEventListener('focusout', () => {
-            // remove class which shows the selector
-            vjsMenu.classList.remove('vjs-lock-showing')
-          })
-          button.classList.add('dash-selector')
-
-          return button.children[0]
-        }
-      }
-
-      videojs.registerComponent('dashQualitySelector', dashQualitySelector)
-      this.player.controlBar.addChild('dashQualitySelector', {}, this.player.controlBar.children_.length - 1)
-    },
-
-    sortCaptions: function (captionList) {
-      return captionList.sort((captionA, captionB) => {
-        const aCode = captionA.language_code.split('-') // ex. [en,US]
-        const bCode = captionB.language_code.split('-')
-        const aName = (captionA.label) // ex: english (auto-generated)
-        const bName = (captionB.label)
-        const aIsAutotranslated = captionA.is_autotranslated
-        const bIsAutotranslated = captionB.is_autotranslated
-        const userLocale = this.currentLocale.split('-') // ex. [en,US]
-        if (aCode[0] === userLocale[0]) { // caption a has same language as user's locale
-          if (bCode[0] === userLocale[0]) { // caption b has same language as user's locale
-            if (bName.search('auto') !== -1) {
-              // prefer caption a: b is auto-generated captions
-              return -1
-            } else if (aName.search('auto') !== -1) {
-              // prefer caption b: a is auto-generated captions
-              return 1
-            } else if (bIsAutotranslated) {
-              // prefer caption a: b is auto-translated captions
-              return -1
-            } else if (aIsAutotranslated) {
-              // prefer caption b: a is auto-translated captions
-              return 1
-            } else if (aCode[1] === userLocale[1]) {
-              // prefer caption a: caption a has same county code as user's locale
-              return -1
-            } else if (bCode[1] === userLocale[1]) {
-              // prefer caption b: caption b has same county code as user's locale
-              return 1
-            } else if (aCode[1] === undefined) {
-              // prefer caption a: no country code is better than wrong country code
-              return -1
-            } else if (bCode[1] === undefined) {
-              // prefer caption b: no country code is better than wrong country code
-              return 1
-            }
-          } else {
-            // prefer caption a: b does not match user's language
-            return -1
-          }
-        } else if (bCode[0] === userLocale[0]) {
-          // prefer caption b: a does not match user's language
-          return 1
-        }
-        // sort alphabetically
-        return aName.localeCompare(bName, this.currentLocale)
-      })
-    },
-
-    transformAndInsertCaptions: async function () {
-      let captionList
-      if (this.captionHybridList[0] instanceof Promise) {
-        captionList = await Promise.all(this.captionHybridList)
-        this.$emit('store-caption-list', captionList)
-      } else {
-        captionList = this.captionHybridList
-      }
-
-      this.sortCaptions(captionList).forEach((caption, i) =>
-        this.player.addRemoteTextTrack({
-          kind: 'subtitles',
-          src: caption.url,
-          srclang: caption.language_code,
-          label: caption.label,
-          type: caption.type,
-          default: i === 0 && this.enableSubtitlesByDefault
-        }, true)
-      )
-    },
-
-    toggleFullWindow: function () {
-      if (!this.player.isFullscreen_) {
-        if (this.player.isFullWindow) {
-          this.player.removeClass('vjs-full-screen')
-          this.player.isFullWindow = false
-          document.documentElement.style.overflow = this.player.docOrigOverflow
-          document.body.classList.remove('vjs-full-window')
-          document.getElementById('fullwindow').classList.remove('vjs-icon-fullwindow-exit')
-          this.player.trigger('exitFullWindow')
-        } else {
-          this.player.addClass('vjs-full-screen')
-          this.player.isFullscreen_ = false
-          this.player.isFullWindow = true
-          this.player.docOrigOverflow = document.documentElement.style.overflow
-          document.documentElement.style.overflow = 'hidden'
-          document.body.classList.add('vjs-full-window')
-          document.getElementById('fullwindow').classList.add('vjs-icon-fullwindow-exit')
-          this.player.trigger('enterFullWindow')
-        }
-      }
-    },
-
-    exitFullWindow: function () {
-      if (this.player.isFullWindow) {
-        this.player.isFullWindow = false
-        document.documentElement.style.overflow = this.player.docOrigOverflow
-        this.player.removeClass('vjs-full-screen')
-        document.body.classList.remove('vjs-full-window')
-        document.getElementById('fullwindow').classList.remove('vjs-icon-fullwindow-exit')
-        this.player.trigger('exitFullWindow')
-      }
-    },
-
-    toggleFullscreen: function () {
-      if (this.player.isFullscreen()) {
-        this.player.exitFullscreen()
-      } else {
-        this.player.requestFullscreen()
-      }
-    },
-
-    fullscreenOverlay: function () {
-      const title = document.title.replace('- FreeTube', '')
-
-      if (this.player.isFullscreen()) {
-        this.player.ready(() => {
-          this.player.overlay({
-            overlays: [{
-              showBackground: false,
-              content: title,
-              start: 'mousemove',
-              end: 'userinactive'
-            }]
-          })
-        })
-      } else {
-        this.player.ready(() => {
-          this.player.overlay({
-            overlays: [{
-              showBackground: false,
-              content: ' ',
-              start: 'play',
-              end: 'loadstart'
-            }]
-          })
-        })
-      }
-    },
-
-    toggleFullscreenClass: function () {
-      if (this.player.isFullscreen()) {
-        document.body.classList.add('vjs--full-screen-enabled')
-      } else {
-        document.body.classList.remove('vjs--full-screen-enabled')
-      }
-    },
-
-    handleTouchStart: function () {
-      this.usingTouch = true
-    },
-
-    handleMouseOver: function () {
-      // This addresses a discrepancy that only seems to occur in the mobile version of firefox
-      if (navigator.userAgent.search('Firefox') !== -1 && (videojs.browser.IS_ANDROID || videojs.browser.IS_IOS)) { return }
-      this.usingTouch = false
-    },
-
-    toggleShowStatsModal: function () {
-      if (this.format !== 'dash') {
-        showToast(this.$t('Video.Stats.Video statistics are not available for legacy videos'))
-      } else {
-        this.showStatsModal = !this.showStatsModal
-      }
-    },
-    createStatsModal: function () {
-      const ModalDialog = videojs.getComponent('ModalDialog')
-      this.statsModal = new ModalDialog(this.player, {
-        temporary: false,
-        pauseOnOpen: false
-      })
-      this.statsModal.handleKeyDown_ = (event) => {
-        // the default handler prevents keyboard events propagating beyond the modal
-        // the modal should only handle the escape and tab key, all others should be handled by the player
-        if (event.key === 'Escape' || event.key === 'Tab') {
-          this.statsModal.handleKeyDown(event)
-        }
-      }
-      this.player.addChild(this.statsModal)
-      this.statsModal.el_.classList.add('statsModal')
-      this.statsModal.on('modalclose', () => {
-        this.showStatsModal = false
-      })
-    },
-    updateStatsContent: function () {
-      if (this.showStatsModal) {
-        this.statsModal.contentEl().innerHTML = this.getFormattedStats()
-      }
-    },
-    getFormattedStats: function () {
-      const currentVolume = this.player.muted() ? 0 : this.player.volume()
-      const volume = `${(currentVolume * 100).toFixed(0)}%`
-      const bandwidth = `${(this.playerStats.bandwidth / 1000).toFixed(2)}kbps`
-      const buffered = `${(this.player.bufferedPercent() * 100).toFixed(0)}%`
-      const droppedFrames = this.playerStats.videoPlaybackQuality.droppedVideoFrames
-      const totalFrames = this.playerStats.videoPlaybackQuality.totalVideoFrames
-      const frames = `${droppedFrames} / ${totalFrames}`
-      const resolution = this.selectedResolution === 'auto' ? `${this.autoResolution}@${this.autoFPS}fps (auto)` : `${this.selectedResolution}@${this.selectedFPS}fps`
-      const playerDimensions = `${this.playerStats.playerDimensions.width}x${this.playerStats.playerDimensions.height}`
-      const bitrate = this.selectedBitrate === 'auto' ? `${this.autoBitrate} (auto)` : this.selectedBitrate
-      const mimeType = this.selectedMimeType === 'auto' ? `${this.autoMimeType} (auto)` : this.selectedMimeType
-      const statsArray = [
-        [this.$t('Video.Stats.Video ID'), this.videoId],
-        [this.$t('Video.Stats.Resolution'), resolution],
-        [this.$t('Video.Stats.Player Dimensions'), playerDimensions],
-        [this.$t('Video.Stats.Bitrate'), bitrate],
-        [this.$t('Video.Stats.Volume'), volume],
-        [this.$t('Video.Stats.Bandwidth'), bandwidth],
-        [this.$t('Video.Stats.Buffered'), buffered],
-        [this.$t('Video.Stats.Dropped / Total Frames'), frames],
-        [this.$t('Video.Stats.Mimetype'), mimeType]
-      ]
-      let listContentHTML = ''
-
-      statsArray.forEach((stat) => {
-        const content = `<p>${stat[0]}: ${stat[1]}</p>`
-        listContentHTML += content
-      })
-      return listContentHTML
-    },
-
-    /**
-     * determines whether the jump to the previous or next chapter
-     * with the the keyboard shortcuts, should be done
-     * first it checks whether there are any chapters (the array is also empty if chapters are hidden)
-     * it also checks that the approprate combination was used ALT/OPTION on macOS and CTRL everywhere else
-     * @param {KeyboardEvent} event the keyboard event
-     * @param {string} direction the direction of the jump either previous or next
-     * @returns {boolean}
-     */
-    canChapterJump: function (event, direction) {
-      const currentChapter = this.currentChapterIndex
-      return this.chapters.length > 0 &&
-        (direction === 'previous' ? currentChapter > 0 : this.chapters.length - 1 !== currentChapter) &&
-        ((process.platform !== 'darwin' && event.ctrlKey) ||
-          (process.platform === 'darwin' && event.metaKey))
-    },
-
-    playVideo(thenFunc = null) {
-      // It can be called in `setTimeout` & user can navigate to other pages before it runs
-      // Which makes `this.player` become `null`
-      if (this.player == null) { return }
-
-      let promise = this.player.play()
-      if (typeof thenFunc === 'function') {
-        promise = promise.then(thenFunc)
-      }
-      promise
-        .catch(err => {
-          if (EXPECTED_PLAY_RELATED_ERROR_MESSAGES.some(msg => err.message.includes(msg))) {
-            // Ignoring expected exception
-            // console.debug('Ignoring expected error')
-            // console.debug(err)
-            return
-          }
-
-          // Unexpected errors should be reported
-          console.error(err)
-          // ignore as this will most likely be removed by shaka player changes
-          // eslint-disable-next-line @intlify/vue-i18n/no-missing-keys
-          const errorMessage = this.$t('play() request Error (Click to copy)')
-          showToast(`${errorMessage}: ${err}`, 10000, () => {
-            copyToClipboard(err)
-          })
-        })
-    },
-
-    // This function should always be at the bottom of this file
-    /**
-     * @param {KeyboardEvent} event
-     */
-    keyboardShortcutHandler: function (event) {
-      if (document.activeElement.classList.contains('ft-input') || event.altKey) {
-        return
-      }
-
-      // allow chapter jump keyboard shortcuts
-      if (event.ctrlKey && (process.platform === 'darwin' || (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight'))) {
-        return
-      }
-
-      // allow copying text
-      if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'c') {
-        return
-      }
-
-      if (this.player !== null) {
-        switch (event.key) {
-          case ' ':
-          case 'Spacebar': // older browsers might return spacebar instead of a space character
-            // Toggle Play/Pause
-            event.preventDefault()
-            this.togglePlayPause()
-            break
-          case 'J':
-          case 'j':
-            // Rewind by 2x the time-skip interval (in seconds)
-            event.preventDefault()
-            this.changeDurationBySeconds(-this.defaultSkipInterval * this.player.playbackRate() * 2)
-            break
-          case 'K':
-          case 'k':
-            // Toggle Play/Pause
-            event.preventDefault()
-            this.togglePlayPause()
-            break
-          case 'L':
-          case 'l':
-            // Fast-Forward by 2x the time-skip interval (in seconds)
-            event.preventDefault()
-            this.changeDurationBySeconds(this.defaultSkipInterval * this.player.playbackRate() * 2)
-            break
-          case 'O':
-          case 'o':
-            // Decrease playback rate by 0.25x
-            event.preventDefault()
-            this.changePlayBackRate(-this.videoPlaybackRateInterval)
-            break
-          case 'P':
-          case 'p':
-            // Increase playback rate by 0.25x
-            event.preventDefault()
-            this.changePlayBackRate(this.videoPlaybackRateInterval)
-            break
-          case 'F':
-          case 'f':
-            // Toggle Fullscreen Playback
-            event.preventDefault()
-            this.toggleFullscreen()
-            break
-          case 'M':
-          case 'm':
-            // Toggle Mute
-            if (!event.metaKey) {
-              event.preventDefault()
-              this.toggleMute()
-            }
-            break
-          case 'C':
-          case 'c':
-            // Toggle Captions
-            event.preventDefault()
-            this.toggleCaptions()
-            break
-          case 'ArrowUp':
-            // Increase volume
-            event.preventDefault()
-            this.changeVolume(0.05)
-            break
-          case 'ArrowDown':
-            // Decrease Volume
-            event.preventDefault()
-            this.changeVolume(-0.05)
-            break
-          case 'ArrowLeft':
-            event.preventDefault()
-            if (this.canChapterJump(event, 'previous')) {
-              // Jump to the previous chapter
-              this.player.currentTime(this.chapters[this.currentChapterIndex - 1].startSeconds)
-            } else {
-              // Rewind by the time-skip interval (in seconds)
-              this.changeDurationBySeconds(-this.defaultSkipInterval * this.player.playbackRate())
-            }
-            break
-          case 'ArrowRight':
-            event.preventDefault()
-            if (this.canChapterJump(event, 'next')) {
-              // Jump to the next chapter
-              this.player.currentTime(this.chapters[this.currentChapterIndex + 1].startSeconds)
-            } else {
-              // Fast-Forward by the time-skip interval (in seconds)
-              this.changeDurationBySeconds(this.defaultSkipInterval * this.player.playbackRate())
-            }
-            break
-          case 'I':
-          case 'i':
-            event.preventDefault()
-            // Toggle Picture in Picture Mode
-            if (this.format !== 'audio' && !this.player.isInPictureInPicture()) {
-              this.player.requestPictureInPicture()
-            } else if (this.player.isInPictureInPicture()) {
-              this.player.exitPictureInPicture()
-            }
-            break
-          case '0':
-          case '1':
-          case '2':
-          case '3':
-          case '4':
-          case '5':
-          case '6':
-          case '7':
-          case '8':
-          case '9': {
-            // Jump to percentage in the video
-            event.preventDefault()
-
-            const percentage = parseInt(event.key) / 10
-            const duration = this.player.duration()
-            const newTime = duration * percentage
-
-            this.player.currentTime(newTime)
-            break
-          }
-          case ',':
-            // Return to previous frame
-            this.framebyframe(-1)
-            break
-          case '.':
-            // Advance to next frame
-            this.framebyframe(1)
-            break
-          case 'D':
-          case 'd':
-            event.preventDefault()
-            this.toggleShowStatsModal()
-            break
-          case 'Escape':
-            // Exit full window
-            event.preventDefault()
-            this.exitFullWindow()
-            break
-          case 'S':
-          case 's':
-            // Toggle Full Window Mode
-            this.toggleFullWindow()
-            break
-          case 'T':
-          case 't':
-            // Toggle Theatre Mode
-            this.toggleTheatreMode()
-            break
-          case 'U':
-          case 'u':
-            // Take screenshot
-            this.takeScreenshot()
-            break
-        }
-      }
-    },
-
-    stopPowerSaveBlocker: function () {
-      if (process.env.IS_ELECTRON && this.powerSaveBlocker !== null) {
-        const { ipcRenderer } = require('electron')
-        ipcRenderer.send(IpcChannels.STOP_POWER_SAVE_BLOCKER, this.powerSaveBlocker)
-        this.powerSaveBlocker = null
-      }
-    },
-
-    ...mapActions([
-      'updateDefaultCaptionSettings',
-      'parseScreenshotCustomFileName',
-      'updateScreenshotFolderPath',
-    ])
-  }
-})
diff --git a/src/renderer/components/ft-video-player/ft-video-player.vue b/src/renderer/components/ft-video-player/ft-video-player.vue
deleted file mode 100644
index b04c64d70e706..0000000000000
--- a/src/renderer/components/ft-video-player/ft-video-player.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<!-- eslint-disable vuejs-accessibility/mouse-events-have-key-events -->
-<!-- eslint-disable vuejs-accessibility/media-has-caption -->
-
-<template>
-  <div
-    class="relative"
-    :class="{
-      'vjs-using-touch': usingTouch,
-      'vjs-hide-play-button': !displayVideoPlayButton
-    }"
-    @mouseover="handleMouseOver"
-  >
-    <video
-      ref="video"
-      class="ftVideoPlayer video-js vjs-default-skin dark"
-      :poster="thumbnail"
-      controls
-      preload="auto"
-      :data-setup="JSON.stringify(dataSetup)"
-      crossorigin="anonymous"
-      @touchstart="handleTouchStart"
-    >
-      <source
-        v-for="(source, index) in activeSourceList"
-        :key="index + '_source'"
-        :src="source.url"
-        :type="source.type || source.mimeType"
-        :label="source.qualityLabel"
-        :selected="source.qualityLabel === selectedDefaultQuality"
-      >
-    </video>
-  </div>
-</template>
-
-<script src="./ft-video-player.js" />
-<style scoped src="./ft-video-player.css" />
diff --git a/src/renderer/components/player-settings/player-settings.css b/src/renderer/components/player-settings/player-settings.css
index e6154cf918eb8..2696c8bd88044 100644
--- a/src/renderer/components/player-settings/player-settings.css
+++ b/src/renderer/components/player-settings/player-settings.css
@@ -1,7 +1,3 @@
-.av1Switch {
-  align-self: center;
-}
-
 .screenshotFolderContainer {
   align-items: center;
   column-gap: 1rem;
diff --git a/src/renderer/components/player-settings/player-settings.js b/src/renderer/components/player-settings/player-settings.js
index 0c31193789584..969815225d5e1 100644
--- a/src/renderer/components/player-settings/player-settings.js
+++ b/src/renderer/components/player-settings/player-settings.js
@@ -33,13 +33,15 @@ export default defineComponent({
         'audio'
       ],
       qualityValues: [
-        'auto',
-        144,
-        240,
-        360,
-        480,
+        2160,
+        1440,
+        1080,
         720,
-        1080
+        480,
+        360,
+        240,
+        144,
+        'auto'
       ],
       playbackRateIntervalValues: [
         0.1,
@@ -113,10 +115,6 @@ export default defineComponent({
       return this.$store.getters.getDefaultQuality
     },
 
-    allowDashAv1Formats: function () {
-      return this.$store.getters.getAllowDashAv1Formats
-    },
-
     defaultTheatreMode: function () {
       return this.$store.getters.getDefaultTheatreMode
     },
@@ -163,13 +161,15 @@ export default defineComponent({
 
     qualityNames: function () {
       return [
-        this.$t('Settings.Player Settings.Default Quality.Auto'),
-        this.$t('Settings.Player Settings.Default Quality.144p'),
-        this.$t('Settings.Player Settings.Default Quality.240p'),
-        this.$t('Settings.Player Settings.Default Quality.360p'),
-        this.$t('Settings.Player Settings.Default Quality.480p'),
+        this.$t('Settings.Player Settings.Default Quality.4k'),
+        this.$t('Settings.Player Settings.Default Quality.1440p'),
+        this.$t('Settings.Player Settings.Default Quality.1080p'),
         this.$t('Settings.Player Settings.Default Quality.720p'),
-        this.$t('Settings.Player Settings.Default Quality.1080p')
+        this.$t('Settings.Player Settings.Default Quality.480p'),
+        this.$t('Settings.Player Settings.Default Quality.360p'),
+        this.$t('Settings.Player Settings.Default Quality.240p'),
+        this.$t('Settings.Player Settings.Default Quality.144p'),
+        this.$t('Settings.Player Settings.Default Quality.Auto')
       ]
     },
 
@@ -293,7 +293,6 @@ export default defineComponent({
       'updateDefaultPlayback',
       'updateDefaultVideoFormat',
       'updateDefaultQuality',
-      'updateAllowDashAv1Formats',
       'updateVideoVolumeMouseScroll',
       'updateVideoPlaybackRateMouseScroll',
       'updateVideoSkipMouseScroll',
diff --git a/src/renderer/components/player-settings/player-settings.vue b/src/renderer/components/player-settings/player-settings.vue
index b3927e695879f..bd0915cf27ceb 100644
--- a/src/renderer/components/player-settings/player-settings.vue
+++ b/src/renderer/components/player-settings/player-settings.vue
@@ -161,14 +161,6 @@
         :icon="['fas', 'photo-film']"
         @change="updateDefaultQuality"
       />
-      <ft-toggle-switch
-        class="av1Switch"
-        :label="$t('Settings.Player Settings.Allow DASH AV1 formats')"
-        :compact="true"
-        :default-value="allowDashAv1Formats"
-        :tooltip="$t('Tooltips.Player Settings.Allow DASH AV1 formats')"
-        @change="updateAllowDashAv1Formats"
-      />
     </ft-flex-box>
     <br>
     <ft-flex-box
diff --git a/src/renderer/helpers/api/invidious.js b/src/renderer/helpers/api/invidious.js
index a842edfb884d7..17259c7f8158e 100644
--- a/src/renderer/helpers/api/invidious.js
+++ b/src/renderer/helpers/api/invidious.js
@@ -311,40 +311,19 @@ function parseInvidiousCommunityAttachments(data) {
 }
 
 /**
- * video.js only supports MP4 DASH not WebM DASH
- * so we filter out the WebM DASH formats
+ * Invidious doesn't include the correct height or width for all formats in their API response and are also missing the fps and qualityLabel for the AV1 formats.
+ * When the local API is supported we generate our own manifest with the local API manifest generator, based on the Invidious API response and the height, width and fps extracted from Invidious' DASH manifest.
+ * As Invidious only includes h264 and AV1 in their DASH manifest, we have to always filter out the VP9 formats, due to missing information.
  * @param {any[]} formats
- * @param {boolean} allowAv1 Use the AV1 formats if they are available
  */
-export function filterInvidiousFormats(formats, allowAv1 = false) {
-  const audioFormats = []
-  const h264Formats = []
-  const av1Formats = []
-
-  formats.forEach(format => {
+export function filterInvidiousFormats(formats) {
+  return formats.filter(format => {
     const mimeType = format.type
 
-    if (mimeType.startsWith('audio/mp4')) {
-      audioFormats.push(format)
-    } else if (allowAv1 && mimeType.startsWith('video/mp4; codecs="av01')) {
-      av1Formats.push(format)
-    } else if (mimeType.startsWith('video/mp4; codecs="avc')) {
-      h264Formats.push(format)
-    }
+    return mimeType.startsWith('audio/') ||
+      mimeType.startsWith('video/mp4; codecs="avc') ||
+      mimeType.startsWith('video/mp4; codecs="av01')
   })
-
-  // Disabled AV1 as a workaround to https://github.com/FreeTubeApp/FreeTube/issues/3382
-  // Which is caused by Invidious API limitation on AV1 formats (see related issues)
-  // Commented code to be restored after Invidious issue fixed
-  //
-  // As we generate our own DASH manifest (using YouTube.js) for multiple audio track support when the local API is supported,
-  // we can allow AV1 in that situation. When the local API isn't supported,
-  // we still can't use them until Invidious fixes the issue on their side
-  if (process.env.SUPPORTS_LOCAL_API && allowAv1 && av1Formats.length > 0) {
-    return [...audioFormats, ...av1Formats]
-  }
-
-  return [...audioFormats, ...h264Formats]
 }
 
 export async function getHashtagInvidious(hashtag, page) {
@@ -396,7 +375,6 @@ export function convertInvidiousToLocalFormat(format) {
   // audioQuality and qualityLabel don't go inside the DASH manifest, but are used by YouTube.js
   // to determine whether a format is an audio or video stream respectively.
 
-  /** @type {import('./local').LocalFormat} */
   const localFormat = new Misc.Format({
     itag: format.itag,
     mimeType: format.type,
@@ -424,13 +402,36 @@ export function convertInvidiousToLocalFormat(format) {
       : {
           fps: format.fps,
           qualityLabel: format.qualityLabel,
-          colorInfo: format.colorInfo ?? {}
+          ...(format.colorInfo ? { colorInfo: format.colorInfo } : {})
         })
   })
 
-  // Adding freeTubeUrl allows us to reuse the code,
-  // to generate the audio tracks for audio only mode, that we use for the local API
-  localFormat.freeTubeUrl = format.url
-
   return localFormat
 }
+
+/**
+ * @param {any} format
+ * @param {boolean} trustApiResponse
+ */
+export function mapInvidiousLegacyFormat(format, trustApiResponse) {
+  let width
+  let height
+
+  if (trustApiResponse) {
+    const [stringWidth, stringHeight] = format.size.split('x')
+
+    width = parseInt(stringWidth)
+    height = parseInt(stringHeight)
+  }
+
+  return {
+    itag: format.itag,
+    qualityLabel: format.qualityLabel,
+    fps: format.fps,
+    bitrate: parseInt(format.bitrate),
+    mimeType: format.type,
+    height,
+    width,
+    url: format.url
+  }
+}
diff --git a/src/renderer/helpers/api/local.js b/src/renderer/helpers/api/local.js
index fbdbab2894ac4..12ddbf6cb3fbf 100644
--- a/src/renderer/helpers/api/local.js
+++ b/src/renderer/helpers/api/local.js
@@ -1240,7 +1240,7 @@ export function parseLocalTextRuns(runs, emojiSize = 16, options = { looseChanne
 /**
  * @param {LocalFormat} format
  */
-export function mapLocalFormat(format) {
+export function mapLocalLegacyFormat(format) {
   return {
     itag: format.itag,
     qualityLabel: format.quality_label,
diff --git a/src/renderer/helpers/player/legacyFormatsVttCueParser.js b/src/renderer/helpers/player/legacyFormatsVttCueParser.js
new file mode 100644
index 0000000000000..ec17ff9018c8a
--- /dev/null
+++ b/src/renderer/helpers/player/legacyFormatsVttCueParser.js
@@ -0,0 +1,297 @@
+import shaka from 'shaka-player'
+
+const ShakaCue = shaka.text.Cue
+
+/**
+ * Creates a shaka Cue from a browser native VTTCue
+ * including parsing the karake style text, styling information and unescaping the text.
+ *
+ * Please note this is designed specifically to parse YouTube's VTT files
+ * and makes some assumptions that won't be applicable to other VTT files.
+ * E.g. that the class names always refer to colours, as the actual CSS that the class name points to,
+ * isn't accessible through the VTTCues. It's the only way (as far as I can tell) to support coloured text,
+ * without parsing the VTT file to extract the style section.
+ *
+ * The only tag this currently doesn't parse, is the voice (`<v>`) one, as I wasn't able to find a video with them.
+ * @param {VTTCue} vttCue
+ * @param {boolean} ignoreTextAlignAndPosition auto-generated text tracks are displayed in the bottom left corner if we don't ignore these properties
+ */
+export function shakaCueFromVTTCue(vttCue, ignoreTextAlignAndPosition) {
+  // https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API#cue_payload_text_tags
+  // https://w3c.github.io/webvtt
+
+  // strip the voice tags as we don't support them yet
+  /** @type {string} */
+  const text = vttCue.text.replaceAll(/<(?:v(?:[\t .][^>]+)?|\/v)>/g, '')
+
+  // if the text doesn't contain any tags, we can bypass all the parsing and directly return a Cue
+  if (!text.includes('<')) {
+    const shakaCue = new ShakaCue(vttCue.startTime, vttCue.endTime, replaceCueTextEscapeSequences(text))
+
+    copyFromVttCueToShakaCue(vttCue, shakaCue, ignoreTextAlignAndPosition)
+
+    return shakaCue
+  }
+
+  const nestedCues = []
+
+  const TIME_TAG_REGEX = /(?:(?<hours>\d{2,}):)?(?<minutes>\d{2}):(?<seconds>\d{2}\.\d{3})/
+
+  let currentStartTime = vttCue.startTime
+  let currentText = ''
+  /** @type {string|null} */
+  let currentColor = null
+  let bold = false
+  let italic = false
+  let underline = false
+
+  let ruby = false
+  let rubyRt = false
+
+  let inTag = false
+  let tagText = ''
+
+  const createCueWithCurrentConfig = () => {
+    /** @type {'rt'|'ruby'|null} */
+    let rubyTag = null
+
+    if (rubyRt) {
+      rubyTag = 'rt'
+    } else if (ruby) {
+      rubyTag = 'ruby'
+    }
+
+    const cue = createFormattedShakaCue(currentStartTime, vttCue.endTime, currentText, bold, italic, underline, currentColor, rubyTag)
+
+    currentText = ''
+
+    return cue
+  }
+
+  for (let i = 0; i < text.length; i++) {
+    const character = text.charAt(i)
+
+    if (inTag) {
+      if (character === '>') {
+        if (currentText.length > 0) {
+          nestedCues.push(createCueWithCurrentConfig())
+        }
+
+        switch (tagText) {
+          case 'b':
+            bold = true
+            break
+          case '/b':
+            bold = false
+            break
+          case 'i':
+            italic = true
+            break
+          case '/i':
+            italic = false
+            break
+          case 'u':
+            underline = true
+            break
+          case '/u':
+            underline = false
+            break
+          case 'ruby':
+            ruby = true
+            break
+          case '/ruby':
+            ruby = false
+            break
+          case 'rt':
+            rubyRt = true
+            break
+          case '/rt':
+            rubyRt = false
+            break
+          case '/c':
+            currentColor = null
+            break
+          default:
+            if (tagText.charAt(0) === 'c') {
+              // examples
+              // <c></c>
+              // <c.yellow></c>
+              // <c.colorA0AAB4></c>
+              currentColor = tagText.substring(2)
+            } else {
+              const match = tagText.match(TIME_TAG_REGEX)
+
+              if (match) {
+                let startSeconds = parseFloat(match.groups.seconds)
+                startSeconds += parseInt(match.groups.minutes) * 60
+
+                if (match.groups.hours) {
+                  startSeconds += parseInt(match.groups.hours) * 60 * 60
+                }
+
+                currentStartTime = startSeconds
+              }
+            }
+
+            break
+        }
+
+        inTag = false
+        tagText = ''
+      } else {
+        tagText += character
+      }
+    } else if (character === '<') {
+      inTag = true
+
+      if (currentText.length > 0) {
+        nestedCues.push(createCueWithCurrentConfig())
+      }
+
+      // create cue with current settings
+    } else if (character === '\n') {
+      const cue = createCueWithCurrentConfig()
+
+      const lineBreakCue = new ShakaCue(currentStartTime, vttCue.endTime, '')
+      lineBreakCue.lineBreak = true
+
+      nestedCues.push(cue, lineBreakCue)
+    } else {
+      currentText += character
+    }
+  }
+
+  if (currentText.length > 0) {
+    nestedCues.push(createCueWithCurrentConfig())
+  }
+
+  const shakaCue = new ShakaCue(vttCue.startTime, vttCue.endTime, '')
+
+  copyFromVttCueToShakaCue(vttCue, shakaCue, ignoreTextAlignAndPosition)
+
+  shakaCue.nestedCues = nestedCues
+
+  return shakaCue
+}
+
+/**
+ * @param {number} startTime
+ * @param {number} endTime
+ * @param {string} text
+ * @param {boolean} bold
+ * @param {boolean} italic
+ * @param {boolean} underline
+ * @param {string|null} color
+ * @param {'ruby'|'rt'|null} rubyTag
+ */
+function createFormattedShakaCue(startTime, endTime, text, bold, italic, underline, color, rubyTag) {
+  const cue = new ShakaCue(startTime, endTime, replaceCueTextEscapeSequences(text))
+
+  if (bold) {
+    cue.fontWeight = ShakaCue.fontWeight.BOLD
+  }
+
+  if (italic) {
+    cue.fontStyle = ShakaCue.fontStyle.ITALIC
+  }
+
+  if (underline) {
+    cue.textDecoration = [ShakaCue.textDecoration.UNDERLINE]
+  }
+
+  if (color !== null && color.length > 0) {
+    // even though we can't directly access the style section in the vtt file
+    // YouTube uses predictable class names for their colour classes:
+    // either the name of a colour e.g. "c.yellow" or the hex values e.g. "c.colorEEEEEE"
+    // (I checked the style section in one of their VTT files to verify that)
+
+    if (color.startsWith('color')) {
+      cue.color = color.replace('color', '#')
+    } else {
+      cue.color = color
+    }
+  }
+
+  if (rubyTag !== null) {
+    cue.rubyTag = rubyTag
+  }
+
+  return cue
+}
+
+/**
+ * @param {VTTCue} vttCue
+ * @param {shaka.text.Cue} shakaCue
+ * @param {boolean} ignoreTextAlignAndPosition
+ */
+function copyFromVttCueToShakaCue(vttCue, shakaCue, ignoreTextAlignAndPosition) {
+  shakaCue.lineAlign = vttCue.lineAlign ?? ShakaCue.lineAlign.START
+  shakaCue.positionAlign = vttCue.positionAlign ?? ShakaCue.positionAlign.AUTO
+  shakaCue.size = vttCue.size
+
+  switch (vttCue.vertical) {
+    case '':
+      shakaCue.writingMode = ShakaCue.writingMode.HORIZONTAL_TOP_TO_BOTTOM
+      break
+    case 'lr':
+      shakaCue.writingMode = ShakaCue.writingMode.VERTICAL_LEFT_TO_RIGHT
+      break
+    case 'rl':
+      shakaCue.writingMode = ShakaCue.writingMode.VERTICAL_RIGHT_TO_LEFT
+      break
+  }
+
+  shakaCue.lineInterpretation = vttCue.snapToLines ? ShakaCue.lineInterpretation.LINE_NUMBER : ShakaCue.lineInterpretation.PERCENTAGE
+
+  shakaCue.line = vttCue.line === 'auto' ? null : vttCue.line
+
+  if (!ignoreTextAlignAndPosition) {
+    shakaCue.textAlign = vttCue.align
+    shakaCue.position = vttCue.position === 'auto' ? null : vttCue.position
+  }
+
+  // only available in Firefox at the moment, but we might as well copy it, when it's there
+  if (vttCue.region) {
+    const shakaRegion = shakaCue.region
+
+    shakaRegion.id = vttCue.region.id
+    shakaRegion.viewportAnchorX = vttCue.region.viewportAnchorX
+    shakaRegion.viewportAnchorY = vttCue.region.viewportAnchorY
+    shakaRegion.regionAnchorX = vttCue.region.regionAnchorX
+    shakaRegion.regionAnchorY = vttCue.region.regionAnchorY
+    shakaRegion.width = vttCue.region.width
+    shakaRegion.height = vttCue.region.lines
+    shakaRegion.heightUnits = shaka.text.CueRegion.units.LINES
+    shakaRegion.scroll = vttCue.region.scroll
+  }
+}
+
+/**
+ * @param {string} text
+ * @returns {string}
+ */
+function replaceCueTextEscapeSequences(text) {
+  return text.replaceAll(/&(amp|lt|gt|lrm|rlm|nbsp);/g, escapeSequenceReplacer)
+}
+
+/**
+ * @param {string} _match
+ * @param {string} sequence
+ * @returns {string}
+ */
+function escapeSequenceReplacer(_match, sequence) {
+  switch (sequence) {
+    case 'amp':
+      return '&'
+    case 'lt':
+      return '<'
+    case 'gt':
+      return '>'
+    case 'lrm':
+      return '\u200E'
+    case 'rlm':
+      return '\u200F'
+    case 'nbsp':
+      return '\u00A0'
+  }
+}
diff --git a/src/renderer/helpers/player/utils.js b/src/renderer/helpers/player/utils.js
new file mode 100644
index 0000000000000..9aeb4509486ef
--- /dev/null
+++ b/src/renderer/helpers/player/utils.js
@@ -0,0 +1,319 @@
+import shaka from 'shaka-player'
+import { deepCopy } from '../utils'
+import i18n from '../../i18n/index'
+import { sponsorBlockSkipSegments } from '../sponsorblock'
+
+/** @typedef {import('../sponsorblock').SponsorBlockCategory} SponsorBlockCategory */
+
+/**
+ * @param {shaka.util.Error} error
+ * @param {string} context
+ * @param {string} videoId
+ * @param {object=} details
+ */
+export function logShakaError(error, context, videoId, details) {
+  const { Severity, Category, Code } = shaka.util.Error
+
+  // shaka's error type also has a message property but that is apparently only available in uncompiled mode
+
+  /** @type {keyof Severity} */
+  const severityText = Object.keys(Severity).find((/** @type {keyof Severity} */ key) => Severity[key] === error.severity)
+
+  /** @type {keyof Category} */
+  const categoryText = Object.keys(Category).find((/** @type {keyof Category} */ key) => Category[key] === error.category)
+
+  /** @type {keyof Code} */
+  const codeText = Object.keys(Code).find((/** @type {keyof Code} */ key) => Code[key] === error.code)
+
+  const message =
+    'Player Error (category and code explainations here: https://shaka-player-demo.appspot.com/docs/api/shaka.util.Error.html)\n' +
+    `Video ID: "${videoId}"\n` +
+    `FreeTube player context: "${context}"\n\n` +
+    `Severity: ${severityText} (${error.severity})\n` +
+    `Category: ${categoryText} (${error.category})\n` +
+    `Code: ${codeText} (${error.code})\n` +
+    `Stack trace:\n${error.stack}`
+
+  /** @type {*[]} */
+  const args = [message]
+
+  if (error.data && error.data.length > 0) {
+    args.push(
+      '\n\nshaka-player Data:',
+      error.data
+    )
+  }
+
+  if (details) {
+    args.push(
+      '\n\nFreeTube data:',
+      // use deepCopy to get rid of Vue's proxying,
+      // as that requires you click the 3 dots for every property in the logged object to see their values
+      // doing it like this, results in a "clean" object where everything is immediately visible
+      typeof details === 'object' ? deepCopy(details) : details
+    )
+  }
+
+  console.error(...args)
+}
+
+/**
+ * @param {string} videoId
+ * @param {SponsorBlockCategory[]} categories
+ */
+export async function getSponsorBlockSegments(videoId, categories) {
+  const segments = await sponsorBlockSkipSegments(videoId, categories)
+
+  if (segments.length === 0) {
+    return {
+      segments: [],
+      averageDuration: 0
+    }
+  }
+
+  const averageDuration = segments.reduce((accumulator, segment) => {
+    return accumulator + segment.videoDuration
+  }, 0) / segments.length
+
+  const mappedSegments = segments.map(({ category, segment: [startTime, endTime], UUID }) => {
+    return {
+      uuid: UUID,
+      category,
+      startTime,
+      endTime
+    }
+  })
+
+  mappedSegments.sort((a, b) => a.startTime - b.startTime)
+
+  return {
+    segments: mappedSegments,
+    averageDuration
+  }
+}
+
+/**
+ * @param {SponsorBlockCategory} category
+ */
+export function translateSponsorBlockCategory(category) {
+  switch (category) {
+    case 'sponsor':
+      return i18n.t('Video.Sponsor Block category.sponsor')
+    case 'intro':
+      return i18n.t('Video.Sponsor Block category.intro')
+    case 'outro':
+      return i18n.t('Video.Sponsor Block category.outro')
+    case 'recap':
+      return this.$t('Video.Sponsor Block category.recap')
+    case 'selfpromo':
+      return i18n.t('Video.Sponsor Block category.self-promotion')
+    case 'interaction':
+      return i18n.t('Video.Sponsor Block category.interaction')
+    case 'music_offtopic':
+      return i18n.t('Video.Sponsor Block category.music offtopic')
+    case 'filler':
+      return i18n.t('Video.Sponsor Block category.filler')
+    default:
+      console.error(`Unknown translation for SponsorBlock category ${category}`)
+      return category
+  }
+}
+
+/**
+ * @param {string} qualityLabel
+ * @returns {number}
+ */
+export function qualityLabelToDimension(qualityLabel) {
+  return parseInt(qualityLabel.split('p')[0])
+}
+
+/**
+ * Moves the captions that are the most similar to the display language to the top
+ * and sorts the remaining ones alphabetically.
+ * @param {{
+ *   url: string,
+ *   label: string,
+ *   language: string,
+ *   mimeType: string,
+ *   isAutotranslated?: boolean
+ * }[]} captions
+ */
+export function sortCaptions(captions) {
+  const currentLocale = i18n.locale.replace('_', '-')
+  const userLocale = currentLocale.split('-') // ex. [en,US]
+
+  const collator = new Intl.Collator([currentLocale, 'en'])
+
+  return captions.slice().sort((captionA, captionB) => {
+    const aCode = captionA.language.split('-') // ex. [en,US] or [en]
+    const bCode = captionB.language.split('-')
+    const aName = captionA.label // ex: english (auto-generated)
+    const bName = captionB.label
+    const aIsAutotranslated = !!captionA.isAutotranslated
+    const bIsAutotranslated = !!captionB.isAutotranslated
+    if (aCode[0] === userLocale[0]) { // caption a has same language as user's locale
+      if (bCode[0] === userLocale[0]) { // caption b has same language as user's locale
+        if (bName.includes('auto')) {
+          // prefer caption a: b is auto-generated captions
+          return -1
+        } else if (aName.includes('auto')) {
+          // prefer caption b: a is auto-generated captions
+          return 1
+        } else if (bIsAutotranslated) {
+          // prefer caption a: b is auto-translated captions
+          return -1
+        } else if (aIsAutotranslated) {
+          // prefer caption b: a is auto-translated captions
+          return 1
+        } else if (aCode[1] === userLocale[1]) {
+          // prefer caption a: caption a has same county code as user's locale
+          return -1
+        } else if (bCode[1] === userLocale[1]) {
+          // prefer caption b: caption b has same county code as user's locale
+          return 1
+        } else if (aCode[1] === undefined) {
+          // prefer caption a: no country code is better than wrong country code
+          return -1
+        } else if (bCode[1] === undefined) {
+          // prefer caption b: no country code is better than wrong country code
+          return 1
+        }
+      } else {
+        // prefer caption a: b does not match user's language
+        return -1
+      }
+    } else if (bCode[0] === userLocale[0]) {
+      // prefer caption b: a does not match user's language
+      return 1
+    }
+    // sort alphabetically
+    return collator.compare(aName, bName)
+  })
+}
+
+/**
+ * When the build doesn't support the local API
+ * we have to use Invidious' DASH manifest, instead of generating our own one.
+ * This function cleans it up, so that we can use it.
+ *
+ * Here is a list of things this function does:
+ * * Removes bogus roles and labels
+ * * Extracts the languages from the audio URLs if available and adds it to the adapation sets
+ * * Adds roles and labels when possible to add support for multiple audio tracks
+ *
+ * Things this function does not do:
+ * * Separate DRC (Stable Volume) from their original counterparts
+ * * Tag HDR video streams (Invidious puts all video streams in the same adaptation set,
+ * to tag HDR and SDR streams we would have to separate them out into multiple adaptation sets)
+ * @param {shaka.extern.xml.Node[]} periods
+ */
+export function repairInvidiousManifest(periods) {
+  /** @type {shaka.extern.xml.Node[]} */
+  const audioAdaptationSets = []
+
+  for (const period of periods) {
+    if (Array.isArray(period.children)) {
+      for (const periodChild of period.children) {
+        if (typeof periodChild !== 'string' && periodChild.tagName === 'AdaptationSet' && periodChild.attributes.mimeType?.startsWith('audio/')) {
+          audioAdaptationSets.push(periodChild)
+        }
+      }
+    }
+  }
+
+  // match YouTube's local API response with English
+  const languageNames = new Intl.DisplayNames('en-US', { type: 'language' })
+
+  for (const audioAdaptationSet of audioAdaptationSets) {
+    // Invidious adds a label to every audio stream with it's bitrate
+    // we need to remove those labels, so that they don't get treated as multiple audio tracks
+    if (audioAdaptationSet.attributes.label) {
+      delete audioAdaptationSet.attributes.label
+    }
+
+    if (Array.isArray(audioAdaptationSet.children)) {
+      // Invidious gives the first audio stream the main role and then the rest of them the alternate role
+      // regardless of which one is actually the main track
+      const roleIndex = audioAdaptationSet.children.findIndex((adaptationSetChild) => {
+        return typeof adaptationSetChild !== 'string' && adaptationSetChild.tagName === 'Role'
+      })
+
+      if (roleIndex !== -1) {
+        audioAdaptationSet.children.splice(roleIndex, 1)
+      }
+
+      // Extract the language and audio content type from the URL if available
+      // and add the language, role and label to the adaption set
+
+      /** @type {shaka.extern.xml.Node | undefined} */
+      const representation = audioAdaptationSet.children
+        .find((child) => typeof child !== 'string' && child.tagName === 'Representation')
+
+      if (representation && Array.isArray(representation.children)) {
+        /** @type {string | undefined} */
+        const baseUrl = representation.children
+          .find((child) => typeof child !== 'string' && child.tagName === 'BaseURL')
+          ?.children[0]
+
+        if (baseUrl) {
+          const url = new URL(baseUrl.replaceAll('&amp;', '&'))
+
+          if (url.searchParams.has('xtags')) {
+            const xtags = url.searchParams.get('xtags').split(':')
+
+            const lang = xtags.find(xtag => xtag.startsWith('lang='))?.replace('lang=', '')
+            const audioContent = xtags.find(xtag => xtag.startsWith('acont='))?.replace('acont=', '')
+
+            const labelParts = []
+
+            if (lang) {
+              audioAdaptationSet.attributes.lang = lang
+
+              labelParts.push(languageNames.of(lang))
+            }
+
+            if (audioContent) {
+              let role = ''
+
+              switch (audioContent) {
+                case 'original':
+                  role = 'main'
+                  labelParts.push('original')
+                  break
+                case 'dubbed':
+                  role = 'dub'
+                  break
+                case 'descriptive':
+                  role = 'description'
+                  labelParts.push('descriptive')
+                  break
+                case 'secondary':
+                  role = 'alternate'
+                  labelParts.push('secondary')
+                  break
+                default:
+                  role = 'alternate'
+                  labelParts.push('alternative')
+                  break
+              }
+
+              audioAdaptationSet.children.push({
+                tagName: 'Role',
+                attributes: {
+                  schemeIdUri: 'urn:mpeg:dash:role:2011',
+                  value: role
+                },
+                children: [],
+                parent: audioAdaptationSet
+              })
+            }
+
+            if (labelParts.length > 0) {
+              audioAdaptationSet.attributes.label = labelParts.join(' ')
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/src/renderer/helpers/sponsorblock.js b/src/renderer/helpers/sponsorblock.js
index 3b658b6a17638..142974f342193 100644
--- a/src/renderer/helpers/sponsorblock.js
+++ b/src/renderer/helpers/sponsorblock.js
@@ -10,6 +10,27 @@ async function getVideoHash(videoId) {
     hashArray[1].toString(16).padStart(2, '0')
 }
 
+/**
+ * @typedef {'sponsor' | 'selfpromo' | 'interaction' | 'intro' | 'outro' | 'preview' | 'music_offtopic' | 'filler'} SponsorBlockCategory
+ */
+
+/**
+ * @param {string} videoId
+ * @param {SponsorBlockCategory[]} categories
+ * @returns {Promise<{
+ *   UUID: string,
+ *   actionType: string,
+ *   category: SponsorBlockCategory,
+ *   description: string,
+ *   locked: 1|0,
+ *   segment: [
+ *     number,
+ *     number
+ *   ],
+ *   videoDuration: number,
+ *   votes: number
+ * }[]>}
+ */
 export async function sponsorBlockSkipSegments(videoId, categories) {
   const videoIdHashPrefix = await getVideoHash(videoId)
   const requestUrl = `${store.getters.getSponsorBlockUrl}/api/skipSegments/${videoIdHashPrefix}?categories=${JSON.stringify(categories)}`
diff --git a/src/renderer/helpers/utils.js b/src/renderer/helpers/utils.js
index d924a24a7a302..cc02b4c60d9c2 100644
--- a/src/renderer/helpers/utils.js
+++ b/src/renderer/helpers/utils.js
@@ -253,41 +253,6 @@ export function buildVTTFileLocally(storyboard, videoLengthSeconds) {
   return vttString
 }
 
-export async function getFormatsFromHLSManifest(manifestUrl) {
-  const response = await fetch(manifestUrl)
-  const text = await response.text()
-
-  const lines = text.split('\n').filter(line => line)
-
-  const formats = []
-  let currentHeight = 0
-  let currentFPS = 0
-
-  for (const line of lines) {
-    if (line.startsWith('#')) {
-      if (!line.startsWith('#EXT-X-STREAM-INF:')) {
-        continue
-      }
-
-      const parts = line.split(',')
-      const height = parts.find(part => part.startsWith('RESOLUTION'))
-        .split('x')[1]
-      const fps = parts.find(part => part.startsWith('FRAME-RATE'))
-        .split('=')[1]
-      currentHeight = parseInt(height)
-      currentFPS = parseInt(fps)
-    } else {
-      formats.push({
-        height: currentHeight,
-        fps: currentFPS,
-        url: line.trim()
-      })
-    }
-  }
-
-  return formats
-}
-
 export function showToast(message, time = null, action = null) {
   FtToastEvents.dispatchEvent(new CustomEvent('toast-open', {
     detail: {
diff --git a/src/renderer/main.js b/src/renderer/main.js
index b3a40418963ae..fc0476101c4cb 100644
--- a/src/renderer/main.js
+++ b/src/renderer/main.js
@@ -27,6 +27,7 @@ import {
   faCheck,
   faChevronRight,
   faCircleUser,
+  faClock,
   faClone,
   faComment,
   faCommentDots,
@@ -76,6 +77,7 @@ import {
   faSearch,
   faServer,
   faShareAlt,
+  faSlash,
   faSlidersH,
   faSortAlphaDown,
   faSortAlphaDownAlt,
@@ -92,6 +94,7 @@ import {
   faUserCheck,
   faUsers,
   faUsersSlash,
+  faWifi,
 } from '@fortawesome/free-solid-svg-icons'
 import {
   faBookmark as farBookmark
@@ -101,7 +104,7 @@ import {
   faGithub,
   faMastodon,
 } from '@fortawesome/free-brands-svg-icons'
-import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+import { FontAwesomeIcon, FontAwesomeLayers } from '@fortawesome/vue-fontawesome'
 import PortalVue from 'portal-vue'
 
 Vue.config.devtools = process.env.NODE_ENV === 'development'
@@ -125,6 +128,7 @@ library.add(
   faCheck,
   faChevronRight,
   faCircleUser,
+  faClock,
   faClone,
   faComment,
   faCommentDots,
@@ -175,6 +179,7 @@ library.add(
   faSearch,
   faServer,
   faShareAlt,
+  faSlash,
   faSlidersH,
   faSortAlphaDown,
   faSortAlphaDownAlt,
@@ -191,6 +196,7 @@ library.add(
   faUserCheck,
   faUsers,
   faUsersSlash,
+  faWifi,
 
   // solid icons
   farBookmark,
@@ -204,6 +210,7 @@ library.add(
 registerSwiper()
 
 Vue.component('FontAwesomeIcon', FontAwesomeIcon)
+Vue.component('FontAwesomeLayers', FontAwesomeLayers)
 Vue.directive('observe-visibility', ObserveVisibility)
 
 /* eslint-disable-next-line no-new */
diff --git a/src/renderer/store/modules/index.js b/src/renderer/store/modules/index.js
index d556d9571d6e0..f7ec3be26ba8f 100644
--- a/src/renderer/store/modules/index.js
+++ b/src/renderer/store/modules/index.js
@@ -10,6 +10,7 @@ import profiles from './profiles'
 import settings from './settings'
 import subscriptions from './subscriptions'
 import utils from './utils'
+import player from './player'
 
 export default {
   history,
@@ -18,5 +19,6 @@ export default {
   profiles,
   settings,
   subscriptions,
-  utils
+  utils,
+  player
 }
diff --git a/src/renderer/store/modules/player.js b/src/renderer/store/modules/player.js
new file mode 100644
index 0000000000000..13192944d0587
--- /dev/null
+++ b/src/renderer/store/modules/player.js
@@ -0,0 +1,35 @@
+import { set as vueSet } from 'vue'
+import { createWebURL } from '../../helpers/utils'
+
+// replace with a Map after the Vue 3 and Pinia migrations
+const state = {
+  cachedPlayerLocales: {}
+}
+
+const getters = {}
+
+const actions = {
+  async cachePlayerLocale({ commit }, locale) {
+    const url = createWebURL(`/static/shaka-player-locales/${locale}.json`)
+
+    const response = await fetch(url)
+    const data = await response.json()
+
+    Object.freeze(data)
+
+    commit('addPlayerLocaleToCache', { locale, data })
+  }
+}
+
+const mutations = {
+  addPlayerLocaleToCache(state, { locale, data }) {
+    vueSet(state.cachedPlayerLocales, locale, data)
+  }
+}
+
+export default {
+  state,
+  getters,
+  actions,
+  mutations
+}
diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
index bf54469f16f11..928b0eb3ccb26 100644
--- a/src/renderer/store/modules/settings.js
+++ b/src/renderer/store/modules/settings.js
@@ -300,7 +300,6 @@ const state = {
   settingsSectionSortEnabled: false,
   fetchSubscriptionsAutomatically: true,
   settingsPassword: '',
-  allowDashAv1Formats: false,
   useDeArrowTitles: false,
   useDeArrowThumbnails: false,
   deArrowThumbnailGeneratorUrl: 'https://dearrow-thumb.ajay.app',
diff --git a/src/renderer/videoJS.css b/src/renderer/videoJS.css
deleted file mode 100644
index bbf783cab856d..0000000000000
--- a/src/renderer/videoJS.css
+++ /dev/null
@@ -1,2226 +0,0 @@
-@charset "UTF-8";
-.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
-  position: absolute;
-  top: 0px;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
-  text-align: center;
-}
-
-@font-face {
-  font-family: VideoJS;
-  src: url(assets/font/VideoJS.woff);
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
-  content: "\f101";
-}
-
-.vjs-icon-play-circle {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-play-circle:before {
-  content: "\f102";
-}
-
-.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
-  content: "\f103";
-}
-
-.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
-  content: "\f104";
-}
-
-.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
-  content: "\f105";
-}
-
-.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
-  content: "\f106";
-}
-
-.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
-  content: "\f107";
-}
-
-.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
-  content: "\f108";
-}
-
-.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
-  content: "\f109";
-}
-
-.vjs-icon-square {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-square:before {
-  content: "\f10a";
-}
-
-.vjs-icon-spinner {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-spinner:before {
-  content: "\f10b";
-}
-
-.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
-  content: "\f10c";
-}
-
-.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
-.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
-.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
-  content: "\f10d";
-}
-
-.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
-  content: "\f10e";
-}
-
-.vjs-icon-share {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-share:before {
-  content: "\f10f";
-}
-
-.vjs-icon-cog {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-  position: relative;
-  top: -3px;
-}
-.vjs-icon-cog:before {
-  content: "\f110";
-}
-.video-js .vjs-icon-cog {
-  font-size: 2em;
-}
-
-.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
-  content: "\f111";
-}
-
-.vjs-icon-circle-outline {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-circle-outline:before {
-  content: "\f112";
-}
-
-.vjs-icon-circle-inner-circle {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-circle-inner-circle:before {
-  content: "\f113";
-}
-
-.vjs-icon-hd {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-hd:before {
-  content: "\f114";
-}
-
-.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
-  color: #fff;
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
-  content: "\f115";
-}
-
-.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
-  content: "\f116";
-}
-
-.vjs-icon-facebook {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-facebook:before {
-  content: "\f117";
-}
-
-.vjs-icon-gplus {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-gplus:before {
-  content: "\f118";
-}
-
-.vjs-icon-linkedin {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-linkedin:before {
-  content: "\f119";
-}
-
-.vjs-icon-twitter {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-twitter:before {
-  content: "\f11a";
-}
-
-.vjs-icon-tumblr {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-tumblr:before {
-  content: "\f11b";
-}
-
-.vjs-icon-pinterest {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-pinterest:before {
-  content: "\f11c";
-}
-
-.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
-  content: "\f11d";
-}
-
-.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
-  content: "\f11e";
-}
-
-.vjs-icon-next-item {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-next-item:before {
-  content: "\f11f";
-}
-
-.vjs-icon-previous-item {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-previous-item:before {
-  content: "\f120";
-}
-
-.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
-  content: "\f121";
-}
-
-.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
-  content: "\f122";
-}
-
-.video-js {
-  display: block;
-  box-sizing: border-box;
-  color: #fff;
-  background-color: #000;
-  position: relative;
-  padding: 0;
-  font-size: 10px;
-  line-height: 1;
-  font-weight: normal;
-  font-style: normal;
-  font-family: Arial, Helvetica, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-  word-break: initial;
-}
-.video-js:-moz-full-screen {
-  position: absolute;
-}
-.video-js:-webkit-full-screen {
-  width: 100% !important;
-  height: 100% !important;
-}
-
-.video-js[tabindex="-1"] {
-  outline: none;
-}
-
-.video-js *,
-.video-js *:before,
-.video-js *:after {
-  box-sizing: inherit;
-}
-
-.video-js ul {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  list-style-position: outside;
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.video-js.vjs-fluid,
-.video-js.vjs-16-9,
-.video-js.vjs-4-3 {
-  width: 100%;
-  height: 0;
-}
-
-.video-js.vjs-16-9 {
-  padding-top: 56.25%;
-}
-
-.video-js.vjs-4-3 {
-  padding-top: 75%;
-}
-
-.video-js.vjs-fill {
-  width: 100%;
-  height: 100%;
-}
-
-.video-js .vjs-tech {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-body.vjs-full-window {
-  padding: 0;
-  margin: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.vjs-full-window .video-js.vjs-full-screen {
-  position: fixed;
-  overflow: hidden;
-  z-index: 1000;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-}
-
-.video-js.vjs-full-screen {
-  width: 100% !important;
-  height: 100% !important;
-  padding-top: 0 !important;
-}
-
-.video-js.vjs-full-screen.vjs-user-inactive {
-  cursor: none;
-}
-
-.vjs-icon-fullwindow-enter, .vjs-icon-theatre-inactive, .video-js .vjs-fullwindow-control .vjs-icon-placeholder {
-  color: white !important;
-  margin-top: 10px !important;
-  cursor:pointer;
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-fullwindow-enter:before, .video-js .vjs-fullwindow-control .vjs-icon-placeholder:before {
-  content: url(assets/img/open_fullwindow.svg);
-}
-/* Hide button in full screen mode */
-.vjs--full-screen-enabled .vjs-button-fullwindow, .vjs--full-screen-enabled .vjs-button-theatre, .vjs-full-window .vjs-button-theatre {
-  display: none;
-}
-
-.vjs-icon-fullwindow-exit, .vjs-icon-theatre-active, .video-js.vjs-fullwindow .vjs-fullwindow-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal;
-}
-.vjs-icon-fullwindow-exit:before, .video-js.vjs-fullwindow .vjs-fullwindow-control .vjs-icon-placeholder:before {
-  content: url(assets/img/close_fullwindow.svg);
-}
-
-.vjs-icon-loop, .video-js .vjs-fullwindow-control .vjs-icon-placeholder {
-  color: white !important;
-  margin-top: 5px !important;
-  padding-top: 5px !important;
-  cursor: pointer;
-}
-
-.vjs-icon-theatre-inactive, .vjs-icon-theatre-active {
-  margin-top: 10px !important;
-}
-
-.vjs-icon-loop-active {
-  background-color: var(--primary-color);
-}
-
-.vjs-icon-loop:before, .video-js.vjs-fullwindow .vjs-fullwindow-control .vjs-icon-placeholder:before {
-  content: url(assets/img/loop.svg);
-  /* filter: invert(1) drop-shadow(1px 0px 0px var(--primary-color)); */
-}
-
-.vjs-icon-theatre-inactive:before {
-  content: url(assets/img/open_theatre.svg)
-}
-
-.vjs-icon-theatre-active:before {
-  content: url(assets/img/close_theatre.svg)
-}
-
-.vjs-icon-screenshot {
-  margin-top: 3px;
-  padding-top: 3px;
-  cursor: pointer;
-}
-
-.vjs-icon-screenshot::before {
-  content: url(assets/img/camera.svg)
-}
-
-@media only screen and (max-width: 1350px) {
-  .videoPlayer .vjs-button-theatre {
-    display: none
-  }
-}
-
-.loop-black:before {
-  filter: brightness(0%);
-}
-
-.loop-white:before {
-  filter: none;
-}
-
-.vjs-full-window .video-js.vjs-fullscreen {
-  position: fixed;
-  overflow: hidden;
-  z-index: 1000;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-}
-
-.video-js.vjs-fullscreen {
-  width: 100% !important;
-  height: 100% !important;
-  padding-top: 0 !important;
-}
-
-.video-js.vjs-fullscreen.vjs-user-inactive {
-  cursor: none;
-}
-
-.vjs-hidden {
-  display: none !important;
-}
-
-.vjs-disabled {
-  opacity: 0.5;
-  cursor: default;
-}
-
-.video-js .vjs-offscreen {
-  height: 1px;
-  left: -9999px;
-  position: absolute;
-  top: 0;
-  width: 1px;
-}
-
-.vjs-lock-showing {
-  display: block !important;
-  opacity: 1;
-  visibility: visible;
-}
-
-.vjs-no-js {
-  padding: 20px;
-  color: #fff;
-  background-color: #000;
-  font-size: 18px;
-  font-family: Arial, Helvetica, sans-serif;
-  text-align: center;
-  width: 300px;
-  height: 150px;
-  margin: 0px auto;
-}
-
-.vjs-no-js a,
-.vjs-no-js a:visited {
-  color: #66A8CC;
-}
-
-.video-js .vjs-big-play-button {
-  font-size: 3em;
-  line-height: 1.5em;
-  height: 1.63332em;
-  width: 3em;
-  display: block;
-  position: absolute;
-  top: 10px;
-  left: 10px;
-  padding: 0;
-  cursor: pointer;
-  opacity: 1;
-  border: 0.06666em solid #fff;
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7);
-  border-radius: 0.3em;
-  transition: all 0.4s;
-}
-.vjs-big-play-centered .vjs-big-play-button {
-  top: 50%;
-  left: 50%;
-  margin-top: -0.81666em;
-  margin-left: -1.5em;
-}
-
-.video-js:hover .vjs-big-play-button,
-.video-js .vjs-big-play-button:focus {
-  border-color: #fff;
-  background-color: #73859f;
-  background-color: rgba(115, 133, 159, 0.5);
-  transition: all 0s;
-}
-
-.vjs-controls-disabled .vjs-big-play-button,
-.vjs-has-started .vjs-big-play-button,
-.vjs-using-native-controls .vjs-big-play-button,
-.vjs-error .vjs-big-play-button {
-  display: none;
-}
-
-.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
-  display: block;
-}
-
-.video-js button {
-  background: none;
-  border: 0;
-  color: inherit;
-  display: inline-block;
-  font-size: inherit;
-  line-height: inherit;
-  text-transform: none;
-  text-decoration: none;
-  transition: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-
-.vjs-control .vjs-button {
-  width: 100%;
-  height: 100%;
-}
-
-.video-js .vjs-control.vjs-close-button {
-  cursor: pointer;
-  height: 3em;
-  position: absolute;
-  right: 0;
-  top: 0.5em;
-  z-index: 2;
-}
-.video-js .vjs-modal-dialog {
-  background: rgba(0, 0, 0, 0.8);
-  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
-  overflow: auto;
-}
-
-.video-js .vjs-modal-dialog > * {
-  box-sizing: border-box;
-}
-
-.vjs-modal-dialog .vjs-modal-dialog-content {
-  font-size: 1.2em;
-  line-height: 1.5;
-  padding: 20px 24px;
-  z-index: 1;
-}
-
-.vjs-menu-button {
-  cursor: pointer;
-}
-
-.vjs-menu-button.vjs-disabled {
-  cursor: default;
-}
-
-.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
-  display: none;
-}
-
-.vjs-quality-level-value {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.vjs-quality-level-value:hover + .vjs-quality-level-menu {
-  display: block;
-}
-
-.vjs-quality-level-menu {
-  display: none;
-  position: absolute;
-  bottom: 30px;
-  left: -33px;
-  z-index: 5;
-  background-color: #151b17;
-  width: 100px;
-  max-height: 225px;
-  overflow-y: auto;
-}
-
-.vjs-quality-level-menu:hover {
-  display: block;
-}
-
-.vjs-quality-level-menu .vjs-menu-item {
-  padding: 5px;
-}
-
-.quality-selected {
-  background-color: var(--primary-color);
-  color: var(--text-with-main-color);
-}
-
-.quality-selected:hover {
-  background-color: var(--primary-color-hover) !important;
-}
-
-.vjs-menu .vjs-menu-content {
-  display: block;
-  padding: 0;
-  margin: 0;
-  font-family: Arial, Helvetica, sans-serif;
-  overflow: auto;
-}
-
-.vjs-menu .vjs-menu-content > * {
-  box-sizing: border-box;
-}
-
-.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
-  display: none;
-}
-
-.vjs-menu li {
-  list-style: none;
-  margin: 0;
-  padding: 0.2em 0;
-  line-height: 1.4em;
-  font-size: 1.2em;
-  text-align: center;
-  text-transform: lowercase;
-}
-
-.vjs-menu li.vjs-menu-item:focus,
-.vjs-menu li.vjs-menu-item:hover,
-.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
-  background-color: #73859f;
-  background-color: rgba(115, 133, 159, 0.5);
-}
-
-.vjs-menu li.vjs-selected,
-.vjs-menu li.vjs-selected:focus,
-.vjs-menu li.vjs-selected:hover,
-.js-focus-visible .vjs-menu li.vjs-selected:hover {
-  background-color: #fff;
-  color: #2B333F;
-}
-
-.vjs-menu li.vjs-menu-title {
-  text-align: center;
-  text-transform: uppercase;
-  font-size: 1em;
-  line-height: 2em;
-  padding: 0;
-  margin: 0 0 0.3em 0;
-  font-weight: bold;
-  cursor: default;
-}
-
-.vjs-menu-button-popup .vjs-menu {
-  display: none;
-  position: absolute;
-  bottom: 0;
-  width: 10em;
-  left: -2em;
-  height: 0em;
-  margin-bottom: 1.4em;
-  border-top-color: rgba(43, 51, 63, 0.7);
-}
-
-.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7);
-  position: absolute;
-  bottom: 1.5em;
-  max-height: 19em;
-}
-
-.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
-.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  max-height: 5em;
-}
-
-.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  max-height: 10em;
-}
-
-.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  max-height: 14em;
-}
-
-.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
-.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
-.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-  max-height: 25em;
-}
-
-.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
-.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
-  display: block;
-}
-
-.video-js .vjs-menu-button-inline {
-  transition: all 0.4s;
-  overflow: hidden;
-}
-
-.video-js .vjs-menu-button-inline:before {
-  width: 2.222222222em;
-}
-
-.video-js .vjs-menu-button-inline:hover,
-.video-js .vjs-menu-button-inline:focus,
-.video-js .vjs-menu-button-inline.vjs-slider-active,
-.video-js.vjs-no-flex .vjs-menu-button-inline {
-  width: 12em;
-}
-
-.vjs-menu-button-inline .vjs-menu {
-  opacity: 0;
-  height: 100%;
-  width: auto;
-  position: absolute;
-  left: 4em;
-  top: 0;
-  padding: 0;
-  margin: 0;
-  transition: all 0.4s;
-}
-
-.vjs-menu-button-inline:hover .vjs-menu,
-.vjs-menu-button-inline:focus .vjs-menu,
-.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
-  display: block;
-  opacity: 1;
-}
-
-.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
-  display: block;
-  opacity: 1;
-  position: relative;
-  width: auto;
-}
-
-.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
-.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
-.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
-  width: auto;
-}
-
-.vjs-menu-button-inline .vjs-menu-content {
-  width: auto;
-  height: 100%;
-  margin: 0;
-  overflow: hidden;
-}
-
-.video-js .vjs-control-bar {
-  display: none;
-  width: 100%;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 3em;
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7);
-}
-
-.vjs-has-started .vjs-control-bar {
-  display: flex;
-  visibility: visible;
-  opacity: 1;
-  transition: visibility 0.1s, opacity 0.1s;
-}
-
-.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
-  visibility: visible;
-  opacity: 0;
-  transition: visibility 1s, opacity 1s;
-}
-
-.vjs-controls-disabled .vjs-control-bar,
-.vjs-using-native-controls .vjs-control-bar,
-.vjs-error .vjs-control-bar {
-  display: none !important;
-}
-
-.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
-  opacity: 1;
-  visibility: visible;
-}
-
-.vjs-has-started.vjs-no-flex .vjs-control-bar {
-  display: table;
-}
-
-.video-js .vjs-control {
-  position: relative;
-  text-align: center;
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  width: 4em;
-  flex: none;
-}
-
-.vjs-button > .vjs-icon-placeholder:before {
-  font-size: 2em;
-  line-height: 1.67;
-}
-
-.video-js .vjs-control:focus:before,
-.video-js .vjs-control:hover:before,
-.video-js .vjs-control:focus {
-  text-shadow: 0em 0em 1em white;
-}
-
-.video-js .vjs-control-text {
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-
-.vjs-no-flex .vjs-control {
-  display: table-cell;
-  vertical-align: middle;
-}
-
-.video-js .vjs-custom-control-spacer {
-  display: none;
-}
-
-.video-js .vjs-progress-control {
-  cursor: pointer;
-  flex: auto;
-  display: flex;
-  align-items: center;
-  min-width: 4em;
-  touch-action: none;
-  z-index: 1;
-}
-
-.video-js .vjs-progress-control.disabled {
-  cursor: default;
-}
-
-.vjs-live .vjs-progress-control {
-  display: none;
-}
-
-.vjs-liveui .vjs-progress-control {
-  display: flex;
-  align-items: center;
-}
-
-.vjs-no-flex .vjs-progress-control {
-  width: auto;
-}
-
-.video-js .vjs-progress-holder {
-  flex: auto;
-  transition: all 0.2s;
-  height: 0.3em;
-}
-
-.video-js .vjs-progress-control .vjs-progress-holder {
-  margin: 0 10px;
-}
-
-.video-js .vjs-progress-control:hover .vjs-progress-holder {
-  font-size: 1.6666666667em;
-}
-
-.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
-  font-size: 1em;
-}
-
-.video-js .vjs-progress-holder .vjs-play-progress,
-.video-js .vjs-progress-holder .vjs-load-progress,
-.video-js .vjs-progress-holder .vjs-load-progress div {
-  position: absolute;
-  display: block;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  width: 0;
-}
-
-.video-js .vjs-play-progress {
-  background-color: #fff;
-}
-.video-js .vjs-play-progress:before {
-  font-size: 0.9em;
-  position: absolute;
-  right: -0.5em;
-  top: -0.3333333333em;
-  z-index: 1;
-}
-
-.video-js .vjs-load-progress {
-  background: rgba(115, 133, 159, 0.5);
-}
-
-.video-js .vjs-load-progress div {
-  background: rgba(115, 133, 159, 0.75);
-}
-
-.video-js .vjs-time-tooltip {
-  background-color: #fff;
-  background-color: rgba(255, 255, 255, 0.8);
-  border-radius: 0.3em;
-  color: #000;
-  float: right;
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 1em;
-  padding: 6px 8px 8px 8px;
-  pointer-events: none;
-  position: absolute;
-  top: -2.7em;
-  visibility: hidden;
-  z-index: 2;
-}
-
-.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
-  display: none;
-}
-
-.video-js .vjs-progress-control:hover .vjs-time-tooltip,
-.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
-  display: block;
-  font-size: 0.6em;
-  visibility: visible;
-}
-
-.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
-  font-size: 1em;
-}
-
-.video-js .vjs-progress-control .vjs-mouse-display {
-  display: none;
-  position: absolute;
-  width: 1px;
-  height: 100%;
-  background-color: #000;
-  z-index: 4;
-}
-
-.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
-  z-index: 0;
-}
-
-.video-js .vjs-progress-control:hover .vjs-mouse-display {
-  display: block;
-}
-
-.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
-  visibility: hidden;
-  opacity: 0;
-  transition: visibility 1s, opacity 1s;
-}
-
-.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
-  display: none;
-}
-
-.vjs-mouse-display .vjs-time-tooltip {
-  color: #fff;
-  background-color: #000;
-  background-color: rgba(0, 0, 0, 0.8);
-}
-
-.video-js .vjs-slider {
-  position: relative;
-  cursor: pointer;
-  padding: 0;
-  margin: 0 0.45em 0 0.45em;
-  user-select: none;
-  background-color: #73859f;
-  background-color: rgba(115, 133, 159, 0.5);
-}
-
-.video-js .vjs-slider.disabled {
-  cursor: default;
-}
-
-.video-js .vjs-slider:focus {
-  text-shadow: 0em 0em 1em white;
-  box-shadow: 0 0 1em #fff;
-}
-
-.video-js .vjs-mute-control {
-  cursor: pointer;
-  flex: none;
-}
-.video-js .vjs-volume-control {
-  cursor: pointer;
-  margin-right: 1em;
-  display: flex;
-}
-
-.video-js .vjs-volume-control.vjs-volume-horizontal {
-  width: 5em;
-  top: 3px;
-}
-
-.video-js .vjs-volume-panel .vjs-volume-control {
-  visibility: visible;
-  opacity: 0;
-  width: 1px;
-  height: 1px;
-  margin-left: -1px;
-}
-
-.video-js .vjs-volume-tooltip {
-  display: none;
-}
-
-.video-js .vjs-volume-panel {
-  transition: width 1s;
-}
-.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
-  visibility: visible;
-  opacity: 1;
-  position: relative;
-  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
-}
-.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
-  width: 5em;
-  height: 3em;
-  margin-right: 0;
-}
-.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
-  left: -3.5em;
-  transition: left 0s;
-}
-.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
-  width: 8em;
-  transition: width 0.1s;
-}
-.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
-  width: 4em;
-}
-
-.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
-  height: 8em;
-  width: 3em;
-  left: -3000em;
-  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
-}
-
-.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
-  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
-}
-
-.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
-  width: 5em;
-  height: 3em;
-  visibility: visible;
-  opacity: 1;
-  position: relative;
-  transition: none;
-}
-
-.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
-.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
-  position: absolute;
-  bottom: 3em;
-  left: 0.5em;
-}
-
-.video-js .vjs-volume-panel {
-  display: flex;
-}
-
-.video-js .vjs-volume-bar {
-  margin: 1.35em 0.45em;
-}
-
-.vjs-volume-bar.vjs-slider-horizontal {
-  width: 5em;
-  height: 0.3em;
-  position: relative;
-  top: -2px;
-}
-
-.vjs-volume-bar.vjs-slider-vertical {
-  width: 0.3em;
-  height: 5em;
-  margin: 1.35em auto;
-}
-
-.video-js .vjs-volume-level {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  background-color: #fff;
-}
-.video-js .vjs-volume-level:before {
-  position: absolute;
-  font-size: 0.9em;
-}
-
-.vjs-slider-vertical .vjs-volume-level {
-  width: 0.3em;
-}
-.vjs-slider-vertical .vjs-volume-level:before {
-  top: -0.5em;
-  left: -0.3em;
-}
-
-.vjs-slider-horizontal .vjs-volume-level {
-  height: 0.3em;
-}
-.vjs-slider-horizontal .vjs-volume-level:before {
-  top: -0.3em;
-  right: -0.5em;
-}
-
-.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
-  width: 4em;
-}
-
-.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
-  height: 100%;
-}
-
-.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
-  width: 100%;
-}
-
-.video-js .vjs-volume-vertical {
-  width: 3em;
-  height: 8em;
-  bottom: 8em;
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7);
-}
-
-.video-js .vjs-volume-horizontal .vjs-menu {
-  left: -2em;
-}
-
-.vjs-poster {
-  display: inline-block;
-  vertical-align: middle;
-  background-repeat: no-repeat;
-  background-position: 50% 50%;
-  background-size: contain;
-  background-color: #000000;
-  cursor: pointer;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  height: 100%;
-}
-
-.vjs-has-started .vjs-poster {
-  display: none;
-}
-
-.vjs-audio.vjs-has-started .vjs-poster {
-  display: block;
-}
-
-.vjs-using-native-controls .vjs-poster {
-  display: none;
-}
-
-.video-js .vjs-live-control {
-  display: flex;
-  align-items: flex-start;
-  flex: auto;
-  font-size: 1em;
-  line-height: 3em;
-}
-
-.vjs-no-flex .vjs-live-control {
-  display: table-cell;
-  width: auto;
-  text-align: left;
-}
-
-.video-js:not(.vjs-live) .vjs-live-control,
-.video-js.vjs-liveui .vjs-live-control {
-  display: none;
-}
-
-.video-js .vjs-seek-to-live-control {
-  cursor: pointer;
-  flex: none;
-  display: inline-flex;
-  height: 100%;
-  padding-left: 0.5em;
-  padding-right: 0.5em;
-  font-size: 1em;
-  line-height: 3em;
-  width: auto;
-  min-width: 4em;
-}
-
-.vjs-no-flex .vjs-seek-to-live-control {
-  display: table-cell;
-  width: auto;
-  text-align: left;
-}
-
-.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
-.video-js:not(.vjs-live) .vjs-seek-to-live-control {
-  display: none;
-}
-
-.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
-  cursor: auto;
-}
-
-.vjs-seek-to-live-control .vjs-icon-placeholder {
-  margin-right: 0.5em;
-  color: #888;
-}
-
-.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
-  color: red;
-}
-
-.video-js .vjs-time-control {
-  flex: none;
-  font-size: 1em;
-  line-height: 3.7em;
-  min-width: 2em;
-  width: auto;
-  padding-left: 0em;
-  padding-right: 0em;
-}
-
-.vjs-live .vjs-time-control {
-  display: none;
-}
-
-.video-js .vjs-current-time,
-.vjs-no-flex .vjs-current-time {
-  display: none;
-}
-
-.video-js .vjs-duration,
-.vjs-no-flex .vjs-duration {
-  display: none;
-}
-
-.vjs-time-divider {
-  display: none;
-  line-height: 3em;
-}
-
-.vjs-live .vjs-time-divider {
-  display: none;
-}
-
-.video-js .vjs-play-control {
-  cursor: pointer;
-  position: relative;
-  top: -1px;
-}
-
-.video-js .vjs-play-control .vjs-icon-placeholder {
-  flex: none;
-}
-
-.vjs-text-track-display {
-  position: absolute;
-  bottom: 3em;
-  left: 0;
-  right: 0;
-  top: 0;
-  pointer-events: none;
-}
-
-.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
-  bottom: 1em;
-}
-
-.video-js .vjs-text-track {
-  font-size: 1.4em;
-  text-align: center;
-  margin-bottom: 0.1em;
-}
-
-.vjs-subtitles {
-  color: #fff;
-}
-
-.vjs-captions {
-  color: #fc6;
-}
-
-.vjs-tt-cue {
-  display: block;
-}
-
-video::-webkit-media-text-track-display {
-  transform: translateY(-3em);
-}
-
-.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
-  transform: translateY(-1.5em);
-}
-
-.video-js .vjs-picture-in-picture-control {
-  cursor: pointer;
-  flex: none;
-  position: relative;
-  top: -1px;
-}
-.video-js .vjs-fullscreen-control {
-  cursor: pointer;
-  flex: none;
-  position: relative;
-  top: -1px;
-}
-.vjs-playback-rate > .vjs-menu-button,
-.vjs-playback-rate .vjs-playback-rate-value {
-  position: absolute;
-  line-height: 36px;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.vjs-playback-rate .vjs-playback-rate-value {
-  pointer-events: none;
-  font-size: 1.2em;
-  text-align: center;
-}
-
-.vjs-playback-rate .vjs-menu {
-  width: 4em;
-  left: 0em;
-}
-
-.vjs-error .vjs-error-display .vjs-modal-dialog-content {
-  font-size: 1.4em;
-  text-align: center;
-}
-
-.vjs-error .vjs-error-display:before {
-  color: #fff;
-  content: "X";
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 4em;
-  left: 0;
-  line-height: 1;
-  margin-top: -0.5em;
-  position: absolute;
-  text-shadow: 0.05em 0.05em 0.1em #000;
-  text-align: center;
-  top: 50%;
-  vertical-align: middle;
-  width: 100%;
-}
-
-.vjs-loading-spinner {
-  display: none;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin: -25px 0 0 -25px;
-  opacity: 0.85;
-  text-align: left;
-  border: 6px solid rgba(43, 51, 63, 0.7);
-  box-sizing: border-box;
-  background-clip: padding-box;
-  width: 50px;
-  height: 50px;
-  border-radius: 25px;
-  visibility: hidden;
-}
-
-.vjs-seeking .vjs-loading-spinner,
-.vjs-waiting .vjs-loading-spinner {
-  display: block;
-  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
-          animation: vjs-spinner-show 0s linear 0.3s forwards;
-}
-
-.vjs-loading-spinner:before,
-.vjs-loading-spinner:after {
-  content: "";
-  position: absolute;
-  margin: -6px;
-  box-sizing: inherit;
-  width: inherit;
-  height: inherit;
-  border-radius: inherit;
-  opacity: 1;
-  border: inherit;
-  border-color: transparent;
-  border-top-color: white;
-}
-
-.vjs-seeking .vjs-loading-spinner:before,
-.vjs-seeking .vjs-loading-spinner:after,
-.vjs-waiting .vjs-loading-spinner:before,
-.vjs-waiting .vjs-loading-spinner:after {
-  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
-  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
-}
-
-.vjs-seeking .vjs-loading-spinner:before,
-.vjs-waiting .vjs-loading-spinner:before {
-  border-top-color: white;
-}
-
-.vjs-seeking .vjs-loading-spinner:after,
-.vjs-waiting .vjs-loading-spinner:after {
-  border-top-color: white;
-  -webkit-animation-delay: 0.44s;
-  animation-delay: 0.44s;
-}
-
-@keyframes vjs-spinner-show {
-  to {
-    visibility: visible;
-  }
-}
-@-webkit-keyframes vjs-spinner-show {
-  to {
-    visibility: visible;
-  }
-}
-@keyframes vjs-spinner-spin {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes vjs-spinner-spin {
-  100% {
-    -webkit-transform: rotate(360deg);
-  }
-}
-@keyframes vjs-spinner-fade {
-  0% {
-    border-top-color: #73859f;
-  }
-  20% {
-    border-top-color: #73859f;
-  }
-  35% {
-    border-top-color: white;
-  }
-  60% {
-    border-top-color: #73859f;
-  }
-  100% {
-    border-top-color: #73859f;
-  }
-}
-@-webkit-keyframes vjs-spinner-fade {
-  0% {
-    border-top-color: #73859f;
-  }
-  20% {
-    border-top-color: #73859f;
-  }
-  35% {
-    border-top-color: white;
-  }
-  60% {
-    border-top-color: #73859f;
-  }
-  100% {
-    border-top-color: #73859f;
-  }
-}
-.vjs-chapters-button .vjs-menu ul {
-  width: 24em;
-}
-
-.vjs-subs-caps-button .vjs-menu {
-  left: -4em!important;
-}
-
-.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
-  vertical-align: middle;
-  display: inline-block;
-  margin-bottom: -0.1em;
-}
-
-.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
-  font-family: VideoJS;
-  content: "";
-  font-size: 1.5em;
-  line-height: inherit;
-}
-
-.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
-  vertical-align: middle;
-  display: inline-block;
-  margin-bottom: -0.1em;
-}
-
-.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
-  font-family: VideoJS;
-  content: " ";
-  font-size: 1.5em;
-  line-height: inherit;
-}
-
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
-  display: none;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
-.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
-.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
-  width: auto;
-  width: initial;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
-  display: none;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
-  flex: auto;
-  display: block;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
-  width: auto;
-}
-.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
-  display: none;
-}
-
-.vjs-modal-dialog.vjs-text-track-settings {
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.75);
-  color: #000;
-  height: 70%;
-}
-
-.vjs-text-track-settings .vjs-modal-dialog-content {
-  display: table;
-}
-
-.vjs-text-track-settings .vjs-track-settings-colors,
-.vjs-text-track-settings .vjs-track-settings-font,
-.vjs-text-track-settings .vjs-track-settings-controls {
-  display: table-cell;
-}
-
-.vjs-text-track-settings .vjs-track-settings-controls {
-  text-align: right;
-  vertical-align: bottom;
-}
-
-@supports (display: grid) {
-  .vjs-text-track-settings .vjs-modal-dialog-content {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-template-rows: 1fr;
-    padding: 20px 24px 0px 24px;
-  }
-
-  .vjs-track-settings-controls .vjs-default-button {
-    margin-bottom: 20px;
-  }
-
-  .vjs-text-track-settings .vjs-track-settings-controls {
-    grid-column: 1/-1;
-  }
-
-  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
-.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
-.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
-    grid-template-columns: 1fr;
-  }
-}
-.vjs-track-setting > select {
-  margin-right: 1em;
-  margin-bottom: 0.5em;
-}
-
-.vjs-text-track-settings fieldset {
-  margin: 5px;
-  padding: 3px;
-  border: 0;
-}
-
-.vjs-text-track-settings fieldset span {
-  display: inline-block;
-}
-
-.vjs-text-track-settings fieldset span > select {
-  max-width: 7.3em;
-}
-
-.vjs-text-track-settings legend {
-  color: #fff;
-  margin: 0 0 5px 0;
-}
-
-.vjs-text-track-settings .vjs-label {
-  position: absolute;
-  clip: rect(1px 1px 1px 1px);
-  clip: rect(1px, 1px, 1px, 1px);
-  display: block;
-  margin: 0 0 5px 0;
-  padding: 0;
-  border: 0;
-  height: 1px;
-  width: 1px;
-  overflow: hidden;
-}
-
-.vjs-track-settings-controls button:focus,
-.vjs-track-settings-controls button:active {
-  outline-style: solid;
-  outline-width: medium;
-  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
-}
-
-.vjs-track-settings-controls button:hover {
-  color: rgba(43, 51, 63, 0.75);
-}
-
-.vjs-track-settings-controls button {
-  background-color: #fff;
-  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
-  color: #2B333F;
-  cursor: pointer;
-  border-radius: 2px;
-}
-
-.vjs-track-settings-controls .vjs-default-button {
-  margin-right: 1em;
-}
-
-@media print {
-  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
-    visibility: hidden;
-  }
-}
-.vjs-resize-manager {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border: 0;
-  z-index: -1000;
-}
-
-.js-focus-visible .video-js *:focus:not(.focus-visible) {
-  outline: none;
-  background: none;
-}
-
-.video-js *:focus:not(:focus-visible),
-.video-js .vjs-menu *:focus:not(:focus-visible) {
-  outline: none;
-  background: none;
-}
-
-/* YouTube Style Theme */
-
-.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline {
-    width: 10em
-}
-
-.video-js .vjs-controls-disabled .vjs-big-play-button {
-    display: none!important
-}
-
-.video-js .vjs-control {
-    width: 3em
-}
-
-.video-js .vjs-menu-button-inline:before {
-    width: 1.5em
-}
-
-.vjs-menu-button-inline .vjs-menu {
-    left: 3em
-}
-
-.vjs-paused.vjs-has-started.video-js .vjs-big-play-button,.video-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button {
-    display: block
-}
-
-.video-js .vjs-load-progress div,.vjs-seeking .vjs-big-play-button,.vjs-waiting .vjs-big-play-button,.vjs-using-touch .vjs-big-play-button {
-    display: none!important
-}
-
-.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after {
-    padding: 0 .4em .3em
-}
-
-.video-js.vjs-ended .vjs-loading-spinner {
-    display: none;
-}
-
-.video-js.vjs-ended .vjs-big-play-button {
-    display: block !important;
-}
-
-.video-js *,.video-js:after,.video-js:before {
-    box-sizing: inherit;
-    font-size: inherit;
-    color: inherit;
-    line-height: inherit
-}
-
-.video-js.vjs-fullscreen,.video-js.vjs-fullscreen .vjs-tech {
-    width: 100%!important;
-    height: 100%!important
-}
-
-.video-js {
-    font-size: 14px;
-    overflow: hidden
-}
-
-.video-js .vjs-control {
-    color: inherit
-}
-
-.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline {
-    width: 8.35em
-}
-
-.video-js .vjs-volume-menu-button.vjs-volume-menu-button-horizontal:hover .vjs-menu .vjs-menu-content {
-    height: 3em;
-    width: 6.35em
-}
-
-.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before {
-    text-shadow: 0 0 1em #fff,0 0 1em #fff,0 0 1em #fff
-}
-
-.video-js .vjs-spacer,.video-js .vjs-time-control {
-    display: -webkit-box;
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-    -webkit-box-flex: 1 1 auto;
-    -moz-box-flex: 1 1 auto;
-    -webkit-flex: 1 1 auto;
-    -ms-flex: 1 1 auto;
-    flex: 1 1 auto
-}
-
-.video-js .vjs-time-control {
-    -webkit-box-flex: 0 1 auto;
-    -moz-box-flex: 0 1 auto;
-    -webkit-flex: 0 1 auto;
-    -ms-flex: 0 1 auto;
-    flex: 0 1 auto;
-    width: auto;
-    font-size: 14px;
-    position: relative;
-    top: -6px;
-}
-
-.video-js .vjs-time-control.vjs-time-divider {
-    width: 14px
-}
-
-.video-js .vjs-time-control.vjs-time-divider div {
-    width: 100%;
-    text-align: center
-}
-
-.video-js .vjs-time-control.vjs-current-time {
-    margin-left: 1em
-}
-
-.video-js .vjs-time-control .vjs-current-time-display,.video-js .vjs-time-control .vjs-duration-display {
-    width: 100%
-}
-
-.video-js .vjs-time-control .vjs-current-time-display {
-    text-align: right
-}
-
-.video-js .vjs-time-control .vjs-duration-display {
-    text-align: left
-}
-
-.video-js .vjs-play-progress:before,.video-js .vjs-progress-control .vjs-play-progress:before,.video-js .vjs-remaining-time,.video-js .vjs-volume-level:after,.video-js .vjs-volume-level:before,.video-js.vjs-live .vjs-time-control.vjs-current-time,.video-js.vjs-live .vjs-time-control.vjs-duration,.video-js.vjs-live .vjs-time-control.vjs-time-divider,.video-js.vjs-no-flex .vjs-time-control.vjs-remaining-time {
-    display: none
-}
-
-.video-js.vjs-no-flex .vjs-time-control {
-    display: table-cell;
-    width: 4em
-}
-
-.video-js .vjs-progress-control {
-    position: absolute;
-    left: 0;
-    right: 0;
-    width: 100%;
-    height: .4em;
-    top: -.1em
-}
-
-.video-js .vjs-progress-control .vjs-load-progress,.video-js .vjs-progress-control .vjs-play-progress,.video-js .vjs-progress-control .vjs-progress-holder {
-    height: 100%
-}
-
-.video-js .vjs-progress-control .vjs-progress-holder {
-    margin: 0
-}
-
-.video-js .vjs-progress-control:hover {
-    height: 1.25em;
-    top: -0.95em
-}
-
-.video-js .vjs-control-bar {
-    -webkit-transition: -webkit-transform .1s ease 0s;
-    -moz-transition: -moz-transform .1s ease 0s;
-    -ms-transition: -ms-transform .1s ease 0s;
-    -o-transition: -o-transform .1s ease 0s;
-    transition: transform .1s ease 0s
-}
-
-.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar,.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar,.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar,.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar,.video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar {
-    visibility: visible;
-    opacity: 1;
-    -webkit-backface-visibility: hidden;
-    backface-visibility: hidden;
-    -webkit-transform: translateY(3em);
-    -moz-transform: translateY(3em);
-    -ms-transform: translateY(3em);
-    -o-transform: translateY(3em);
-    transform: translateY(3em);
-    -webkit-transition: -webkit-transform 1s ease 0s;
-    -moz-transition: -moz-transform 1s ease 0s;
-    -ms-transition: -ms-transform 1s ease 0s;
-    -o-transition: -o-transform 1s ease 0s;
-    transition: transform 1s ease 0s
-}
-
-.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-progress-control,.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-progress-control,.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-progress-control,.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control,.video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control {
-    height: .25em;
-    top: -.25em;
-    pointer-events: none;
-    -webkit-transition: height 1s,top 1s;
-    -moz-transition: height 1s,top 1s;
-    -ms-transition: height 1s,top 1s;
-    -o-transition: height 1s,top 1s;
-    transition: height 1s,top 1s
-}
-
-.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active.vjs-fullscreen .vjs-progress-control,.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active.vjs-fullscreen .vjs-progress-control,.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,.video-js.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control {
-    opacity: 0;
-    -webkit-transition: opacity 1s ease 1s;
-    -moz-transition: opacity 1s ease 1s;
-    -ms-transition: opacity 1s ease 1s;
-    -o-transition: opacity 1s ease 1s;
-    transition: opacity 1s ease 1s
-}
-
-.video-js.vjs-live .vjs-live-control {
-    margin-left: 1em
-}
-
-.video-js .vjs-big-play-button {
-    top: 50%;
-    left: 50%;
-    margin-left: -1em;
-    margin-top: -1em;
-    width: 2em;
-    height: 2em;
-    line-height: 2em;
-    border: 0;
-    border-radius: 50%;
-    font-size: 3.5em;
-    background-color: rgba(0,0,0,.45);
-    color: #fff;
-    -webkit-transition: border-color .4s,outline .4s,background-color .4s;
-    -moz-transition: border-color .4s,outline .4s,background-color .4s;
-    -ms-transition: border-color .4s,outline .4s,background-color .4s;
-    -o-transition: border-color .4s,outline .4s,background-color .4s;
-    transition: border-color .4s,outline .4s,background-color .4s
-}
-
-.video-js .vjs-menu-button-popup .vjs-menu {
-    left: -2em
-}
-
-.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
-    background-color: transparent;
-    left: 1.5em;
-    padding-bottom: .5em;
-    z-index: 1;
-    bottom: 1.15em;
-}
-
-.video-js .vjs-menu-button-popup.vjs-http-source-selector .vjs-menu .vjs-menu-content {
-    bottom: 1.5em;
-}
-
-.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item,.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-title {
-    background-color: #151b17;
-    padding: .6em;
-}
-
-.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
-    background-color: var(--primary-color);
-    color: var(--text-with-main-color);
-}
-
-.video-js .vjs-big-play-button {
-    background-color: rgba(0,0,0,0.5);
-    font-size: 2.5em;
-    border-radius: 20%;
-    height: 1.4em !important;
-    line-height: 1.4em !important;
-    margin-top: -0.7em !important
-}
-
-.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus,.video-js .vjs-big-play-button:active {
-    background-color: var(--primary-color);
-    color: var(--text-with-main-color);
-}
-
-.video-js .vjs-loading-spinner {
-    border-color: var(--primary-color);
-}
-
-.video-js .vjs-control-bar2 {
-    background-color: #000000;
-}
-
-.video-js .vjs-control-bar {
-    background-color: rgba(0,0,0,0.3) !important;
-    color: #ffffff;
-    font-size: 12px
-}
-
-.video-js .vjs-play-progress,.video-js  .vjs-volume-level {
-    background-color: var(--primary-color)
-}
-
-.video-js .vjs-load-progress {
-    background: rgba(255,255,255,0.3);
-}
-
-.vjs-quality-selector .vjs-menu-button{margin:0;padding:0;height:100%;width:100%}.vjs-quality-selector .vjs-icon-placeholder{font-family:'VideoJS';font-weight:normal;font-style:normal}.vjs-quality-selector .vjs-icon-placeholder:before{content:'\f110'}.vjs-quality-changing .vjs-big-play-button{display:none}.vjs-quality-changing .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1}
-
-/* .vjs-quality-selector .vjs-menu-button {
-  margin: 0;
-  padding: 0;
-  height: 100%;
-  width: 100%;
-}
-
-.vjs-quality-selector .vjs-quality-selector-icon {
-  font-family: 'VideoJS';
-  font-weight: normal;
-  font-style: normal;
-}
-
-.vjs-quality-selector .vjs-quality-selector-icon:before {
-  content: '\f110';
-}
-
-.vjs-quality-changing .vjs-big-play-button {
-  display: none;
-}
-
-.vjs-quality-changing .vjs-control-bar {
-  display: flex;
-  visibility: visible;
-  opacity: 1;
-} */
-
-.video-js .vjs-vtt-thumbnails {
-    display: block;
-}
-
-.video-js .vjs-vtt-thumbnail-display {
-    position: absolute;
-    transition: transform .1s, opacity .2s;
-    /* `bottom` was 20px, to avoid obstruction by time tooltip updated to current value */
-    bottom: 56px;
-    pointer-events: none;
-    box-shadow: 0 0 7px rgba(0,0,0,.6);
-    z-index: 3;
-}
-
-.video-js .vjs-http-source-selector {
-  top: 4px;
-}
-
-.vjs-subs-caps-button.vjs-control {
-  position: relative;
-  top: -1px;
-}
-
-.vjs-volume-panel .vjs-mute-control {
-  position: relative;
-  top: -1px;
-}
-
-.vjs-overlay {
-  font-size: xx-large;
-  max-width: 100% !important;
-}
-
-.vjs-modal-dialog.statsModal {
-  line-height: 10px;
-  width: 550px;
-  height: 225px;
-  font-size: 10px;
-  background-color: rgba(0, 0, 0, 0.5) !important;
-}
-
-.vjs-modal-dialog.statsModal p {
-  line-height: 10px;
-  position:relative;
-  bottom: 15px;
-}
-
-@media screen and (max-width: 775px) {
-  .vjs-modal-dialog.statsModal {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-@media screen and (max-width: 680px) {
-  .vjs-control.vjs-disabled.vjs-picture-in-picture-control,
-  .vjs-control.vjs-button.vjs-button-fullwindow {
-    display: none;
-  }
-  .vjs-full-window .video-js.vjs-full-screen .vjs-control.vjs-button.vjs-button-fullwindow {
-    display: initial;
-  }
-}
-
-.videoPlayer .video-js .vjs-touch-overlay {
-  display: none;
-}
-
-.vjs-using-touch .video-js.vjs-touch-enabled .vjs-touch-overlay {
-  display: block;
-}
-
-.video-js .vjs-touch-overlay .vjs-play-control .vjs-icon-placeholder:before {
-  content: "\f103" !important;
-  text-shadow: 0 0 25px rgb(0 0 0 / 50%), 0 0 10px rgb(0 0 0 / 50%), 2px 2px 8px rgb(206 89 55 / 0%);
-  color: white;
-  font-size: 18vw;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  background-image: none !important;
-}
-
-.video-js .vjs-touch-overlay .vjs-play-control.vjs-paused .vjs-icon-placeholder:before {
-  content: "\f101" !important;
-}
-
-.vjs-hide-play-button .video-js .vjs-touch-overlay .vjs-play-control .vjs-icon-placeholder:before {
-  content: " " !important;
-}
-
-.video-js .vjs-touch-overlay.skip {
-  -webkit-filter: drop-shadow(0px 0px 4px black);
-  filter: drop-shadow(0px 0px 4px black);
-}
diff --git a/src/renderer/views/Watch/Watch.js b/src/renderer/views/Watch/Watch.js
index f676cd3229e2c..a8c6ccb589c82 100644
--- a/src/renderer/views/Watch/Watch.js
+++ b/src/renderer/views/Watch/Watch.js
@@ -1,7 +1,8 @@
 import { defineComponent } from 'vue'
 import { mapActions } from 'vuex'
+import shaka from 'shaka-player'
 import FtLoader from '../../components/ft-loader/ft-loader.vue'
-import FtVideoPlayer from '../../components/ft-video-player/ft-video-player.vue'
+import FtShakaVideoPlayer from '../../components/ft-shaka-video-player/ft-shaka-video-player.vue'
 import WatchVideoInfo from '../../components/watch-video-info/watch-video-info.vue'
 import WatchVideoChapters from '../../components/WatchVideoChapters/WatchVideoChapters.vue'
 import WatchVideoDescription from '../../components/WatchVideoDescription/WatchVideoDescription.vue'
@@ -16,13 +17,11 @@ import {
   copyToClipboard,
   formatDurationAsTimestamp,
   formatNumber,
-  getFormatsFromHLSManifest,
   showToast
 } from '../../helpers/utils'
 import {
-  filterLocalFormats,
   getLocalVideoInfo,
-  mapLocalFormat,
+  mapLocalLegacyFormat,
   parseLocalSubscriberCount,
   parseLocalTextRuns,
   parseLocalWatchNextVideo
@@ -31,32 +30,21 @@ import {
   convertInvidiousToLocalFormat,
   filterInvidiousFormats,
   generateInvidiousDashManifestLocally,
+  getProxyUrl,
   invidiousFetch,
   invidiousGetVideoInformation,
+  mapInvidiousLegacyFormat,
   youtubeImageUrlToInvidious
 } from '../../helpers/api/invidious'
 
-/**
- * @typedef {object} AudioSource
- * @property {string} url
- * @property {string} type
- * @property {string} label
- * @property {string} qualityLabel
- *
- * @typedef {object} AudioTrack
- * @property {string} id
- * @property {('main'|'translation'|'descriptions'|'alternative')} kind - https://videojs.com/guides/audio-tracks/#kind
- * @property {string} label
- * @property {string} language
- * @property {boolean} isDefault
- * @property {AudioSource[]} sourceList
- */
+const MANIFEST_TYPE_DASH = 'application/dash+xml'
+const MANIFEST_TYPE_HLS = 'application/x-mpegURL'
 
 export default defineComponent({
   name: 'Watch',
   components: {
     'ft-loader': FtLoader,
-    'ft-video-player': FtVideoPlayer,
+    'ft-shaka-video-player': FtShakaVideoPlayer,
     'watch-video-info': WatchVideoInfo,
     'watch-video-chapters': WatchVideoChapters,
     'watch-video-description': WatchVideoDescription,
@@ -67,7 +55,7 @@ export default defineComponent({
     'ft-age-restricted': FtAgeRestricted
   },
   beforeRouteLeave: function (to, from, next) {
-    this.handleRouteChange(this.videoId)
+    this.handleRouteChange()
     window.removeEventListener('beforeunload', this.handleWatchProgress)
     next()
   },
@@ -76,8 +64,7 @@ export default defineComponent({
       isLoading: true,
       firstLoad: true,
       useTheatreMode: false,
-      videoPlayerReady: false,
-      hidePlayer: false,
+      videoPlayerLoaded: false,
       isFamilyFriendly: false,
       isLive: false,
       liveChat: null,
@@ -86,6 +73,7 @@ export default defineComponent({
       isPostLiveDvr: false,
       upcomingTimestamp: null,
       upcomingTimeLeft: null,
+      /** @type {'dash' | 'audio' | 'legacy'} */
       activeFormat: 'legacy',
       thumbnail: '',
       videoId: '',
@@ -104,29 +92,39 @@ export default defineComponent({
       channelSubscriptionCountText: '',
       videoPublished: 0,
       videoStoryboardSrc: '',
-      dashSrc: [],
-      activeSourceList: [],
-      videoSourceList: [],
-      audioSourceList: [],
-      /**
-       * @type {AudioTrack[]}
-       */
-      audioTracks: [],
-      adaptiveFormats: [],
-      captionHybridList: [], // [] -> Promise[] -> string[] (URIs)
+      /** @type {string|null} */
+      manifestSrc: null,
+      /** @type {(MANIFEST_TYPE_DASH|MANIFEST_TYPE_HLS)} */
+      manifestMimeType: MANIFEST_TYPE_DASH,
+      legacyFormats: [],
+      captions: [],
+      /** @type {'EQUIRECTANGULAR' | 'EQUIRECTANGULAR_THREED_TOP_BOTTOM' | 'MESH'| null} */
+      vrProjection: null,
       recommendedVideos: [],
       downloadLinks: [],
       watchingPlaylist: false,
       playlistId: '',
       playlistType: '',
       playlistItemId: null,
+      /** @type {number|null} */
       timestamp: null,
+      /** @type {number|null} */
+      startTimeSeconds: null,
       playNextTimeout: null,
       playNextCountDownIntervalId: null,
       infoAreaSticky: true,
       commentsEnabled: true,
 
       onMountedRun: false,
+
+      // error handling/messages
+      /** @type {string|null} */
+      errorMessage: null,
+      /** @type {string[]|null} */
+      customErrorIcon: null,
+      videoGenreIsMusic: false,
+      /** @type {Date|null} */
+      streamingDataExpiryDate: null
     }
   },
   computed: {
@@ -208,9 +206,6 @@ export default defineComponent({
     hideChapters: function () {
       return this.$store.getters.getHideChapters
     },
-    allowDashAv1Formats: function () {
-      return this.$store.getters.getAllowDashAv1Formats
-    },
     channelsHidden() {
       return JSON.parse(this.$store.getters.getChannelsHidden).map((ch) => {
         // Legacy support
@@ -238,21 +233,26 @@ export default defineComponent({
   },
   watch: {
     $route() {
-      this.handleRouteChange(this.videoId)
+      this.handleRouteChange()
       // react to route changes...
       this.videoId = this.$route.params.id
 
       this.firstLoad = true
-      this.videoPlayerReady = false
+      this.videoPlayerLoaded = false
+      this.errorMessage = null
+      this.customErrorIcon = null
       this.activeFormat = this.defaultVideoFormat
       this.videoStoryboardSrc = ''
-      this.captionHybridList = []
+      this.captions = []
+      this.vrProjection = null
       this.downloadLinks = []
       this.videoCurrentChapterIndex = 0
-      this.audioTracks = []
+      this.startTimeSeconds = null
+      this.videoGenreIsMusic = false
 
-      this.checkIfPlaylist()
       this.checkIfTimestamp()
+      this.setStartTime()
+      this.checkIfPlaylist()
 
       switch (this.backendPreference) {
         case 'local':
@@ -260,10 +260,6 @@ export default defineComponent({
           break
         case 'invidious':
           this.getVideoInformationInvidious(this.videoId)
-
-          if (this.forceLocalBackendForLegacy) {
-            this.getVideoInformationLocal(this.videoId)
-          }
           break
       }
     },
@@ -271,11 +267,14 @@ export default defineComponent({
       this.onMountedDependOnLocalStateLoading()
     },
   },
-  mounted: function () {
+  created: function () {
     this.videoId = this.$route.params.id
     this.activeFormat = this.defaultVideoFormat
-    this.useTheatreMode = this.defaultTheatreMode && this.theatrePossible
 
+    this.checkIfTimestamp()
+    this.setStartTime()
+  },
+  mounted: function () {
     this.onMountedDependOnLocalStateLoading()
   },
   methods: {
@@ -288,7 +287,9 @@ export default defineComponent({
       this.onMountedRun = true
 
       this.checkIfPlaylist()
-      this.checkIfTimestamp()
+
+      // this has to be below checkIfPlaylist() as theatrePossible needs to know if there is a playlist or not
+      this.useTheatreMode = this.defaultTheatreMode && this.theatrePossible
 
       if (!process.env.SUPPORTS_LOCAL_API || this.backendPreference === 'invidious') {
         this.getVideoInformationInvidious()
@@ -300,7 +301,11 @@ export default defineComponent({
     },
 
     changeTimestamp: function (timestamp) {
-      this.$refs.videoPlayer.player.currentTime(timestamp)
+      const player = this.$refs.player
+
+      if (!this.isLoading && player?.hasLoaded) {
+        player.setCurrentTime(timestamp)
+      }
     },
 
     getVideoInformationLocal: async function () {
@@ -352,6 +357,8 @@ export default defineComponent({
           this.channelThumbnail = ''
         }
 
+        this.videoGenreIsMusic = result.basic_info.category === 'Music'
+
         this.updateSubscriptionDetails({
           channelThumbnailUrl: this.channelThumbnail.length === 0 ? null : this.channelThumbnail,
           channelName: this.channelName,
@@ -460,39 +467,45 @@ export default defineComponent({
         // endregion No comment detection
 
         if ((this.isLive || this.isPostLiveDvr) && !this.isUpcoming) {
-          try {
-            const formats = await getFormatsFromHLSManifest(result.streaming_data.hls_manifest_url)
+          let useRemoteManifest = true
+
+          if (this.isPostLiveDvr) {
+            try {
+              this.manifestSrc = await this.createLocalDashManifest(result, true)
+              this.manifestMimeType = MANIFEST_TYPE_DASH
+              useRemoteManifest = false
+            } catch (error) {
+              console.error(`Failed to generate DASH manifest for this Post Live DVR video ${this.videoId}, falling back to using YouTube's provided one...`, error)
+            }
+          }
 
-            this.videoSourceList = formats
-              .sort((formatA, formatB) => {
-                return formatB.height - formatA.height
-              })
-              .map((format) => {
-                return {
-                  url: format.url,
-                  fps: format.fps,
-                  type: 'application/x-mpegURL',
-                  label: 'Dash',
-                  qualityLabel: `${format.height}p`
-                }
-              })
-          } catch (e) {
-            console.error('Failed to extract formats form HLS manifest, falling back to passing it directly to video.js', e)
-
-            this.videoSourceList = [
-              {
-                url: result.streaming_data.hls_manifest_url,
-                type: 'application/x-mpegURL',
-                label: 'Dash',
-                qualityLabel: 'Live'
-              }
-            ]
+          if (useRemoteManifest) {
+            // The live DASH manifest is currently unusable it is not available on the iOS client
+            // but the web ones returns 403s after 1 minute of playback so we have to use the HLS one for now.
+            // Leaving the code here commented out in case we can use it again in the future
+
+            // if (result.streaming_data.dash_manifest_url) {
+            //   let src = result.streaming_data.dash_manifest_url
+
+            //   if (src.includes('?')) {
+            //     src += '&mpd_version=7'
+            //   } else {
+            //     src += `${src.endsWith('/') ? '' : '/'}mpd_version/7`
+            //   }
+
+            //   this.manifestSrc = src
+            //   this.manifestMimeType = MANIFEST_TYPE_DASH
+            // } else {
+            this.manifestSrc = result.streaming_data.hls_manifest_url
+            this.manifestMimeType = MANIFEST_TYPE_HLS
+            // }
           }
 
-          this.activeFormat = 'legacy'
-          this.activeSourceList = this.videoSourceList
-          this.audioSourceList = null
-          this.dashSrc = null
+          this.streamingDataExpiryDate = result.streaming_data.expires
+
+          if (this.activeFormat === 'legacy') {
+            this.activeFormat = 'dash'
+          }
         } else if (this.isUpcoming) {
           const upcomingTimestamp = result.basic_info.start_timestamp
 
@@ -547,16 +560,22 @@ export default defineComponent({
         } else {
           this.videoLengthSeconds = result.basic_info.duration
           if (result.streaming_data) {
+            this.streamingDataExpiryDate = result.streaming_data.expires
+
             if (result.streaming_data.formats.length > 0) {
-              this.videoSourceList = result.streaming_data.formats.map(mapLocalFormat).reverse()
-            } else {
-              this.videoSourceList = filterLocalFormats(result.streaming_data.adaptive_formats, this.allowDashAv1Formats).map(mapLocalFormat).reverse()
+              this.legacyFormats = result.streaming_data.formats.map(mapLocalLegacyFormat)
+
+              if (this.proxyVideos) {
+                this.legacyFormats.forEach(format => {
+                  format.url = getProxyUrl(format.url)
+                })
+              }
             }
-            this.adaptiveFormats = this.videoSourceList
 
             /** @type {import('../../helpers/api/local').LocalFormat[]} */
             const formats = [...result.streaming_data.formats, ...result.streaming_data.adaptive_formats]
-            this.downloadLinks = formats.map((format) => {
+
+            const downloadLinks = formats.map((format) => {
               const qualityLabel = format.quality_label ?? format.bitrate
               const fps = format.fps ? `${format.fps}fps` : 'kbps'
               const type = format.mime_type.split(';')[0]
@@ -577,30 +596,49 @@ export default defineComponent({
             })
 
             if (result.captions) {
-              const captionTracks = result.captions.caption_tracks.map((caption) => {
+              const captionTracks = result.captions?.caption_tracks?.map((caption) => {
+                const url = new URL(caption.base_url)
+                url.searchParams.set('fmt', 'vtt')
+
                 return {
-                  url: caption.base_url,
+                  url: url.toString(),
                   label: caption.name.text,
-                  language_code: caption.language_code,
-                  kind: caption.kind
+                  language: caption.language_code,
+                  mimeType: 'text/vtt'
                 }
-              })
-              if (this.currentLocale) {
-                const noLocaleCaption = !captionTracks.some(track =>
-                  track.language_code === this.currentLocale && track.kind !== 'asr'
-                )
-
-                if (!this.currentLocale.startsWith('en') && noLocaleCaption) {
-                  captionTracks.forEach((caption) => {
-                    this.tryAddingTranslatedLocaleCaption(captionTracks, this.currentLocale, caption.url)
-                  })
+              }) ?? []
+
+              if (captionTracks.length > 0) {
+                const languagesSet = new Set([this.currentLocale, this.currentLocale.split('-')[0]])
+
+                // special cases
+                switch (this.currentLocale) {
+                  case 'nn':
+                  case 'nb-NO':
+                    // according to https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
+                    // "no" is the macro language for "nb" and "nn"
+                    languagesSet.add('no')
+                    break
+                  case 'he':
+                    // according to https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
+                    // "iw" is the old/original code for Hewbrew, these days it's "he"
+                    languagesSet.add('iw')
+                    break
+                }
+
+                if (!captionTracks.some(captionTrack => languagesSet.has(captionTrack.language))) {
+                  const translatedCaptionTrack = this.getTranslatedLocaleCaption(result.captions, languagesSet)
+
+                  if (translatedCaptionTrack) {
+                    captionTracks.push(translatedCaptionTrack)
+                  }
                 }
               }
 
-              this.captionHybridList = this.createCaptionPromiseList(captionTracks)
+              this.captions = captionTracks
 
               const captionLinks = captionTracks.map((caption) => {
-                const label = `${caption.label} (${caption.language_code}) - text/vtt`
+                const label = `${caption.label} (${caption.language}) - text/vtt`
 
                 return {
                   url: caption.url,
@@ -608,7 +646,9 @@ export default defineComponent({
                 }
               })
 
-              this.downloadLinks = this.downloadLinks.concat(captionLinks)
+              downloadLinks.push(...captionLinks)
+
+              this.downloadLinks = downloadLinks
             }
           } else {
             // video might be region locked or something else. This leads to no formats being available
@@ -621,48 +661,27 @@ export default defineComponent({
           }
 
           if (result.streaming_data?.adaptive_formats.length > 0) {
-            const audioFormats = result.streaming_data.adaptive_formats.filter((format) => {
-              return format.has_audio
-            })
-
-            const hasMultipleAudioTracks = audioFormats.some(format => format.audio_track)
-
-            if (hasMultipleAudioTracks) {
-              const audioTracks = this.createAudioTracksFromLocalFormats(audioFormats)
-
-              this.audioTracks = audioTracks
-
-              this.audioSourceList = audioTracks.find(track => track.isDefault).sourceList
-            } else {
-              this.audioTracks = []
-
-              this.audioSourceList = this.createLocalAudioSourceList(audioFormats)
-            }
-
-            // we need to alter the result object so the toDash function uses the filtered formats too
-            result.streaming_data.adaptive_formats = filterLocalFormats(result.streaming_data.adaptive_formats, this.allowDashAv1Formats)
+            this.vrProjection = result.streaming_data.adaptive_formats
+              .find(format => {
+                return format.has_video &&
+                  typeof format.projection_type === 'string' &&
+                  format.projection_type !== 'RECTANGULAR'
+              })
+              ?.projection_type ?? null
 
             // When `this.proxyVideos` is true
             // It's possible that the Invidious instance used, only supports a subset of the formats from Local API
             // i.e. the value passed into `adaptiveFormats`
             // e.g. Supports 720p60, but not 720p - https://[DOMAIN_NAME]/api/manifest/dash/id/v3wm83zoSSY?local=true
             if (this.proxyVideos) {
-              this.adaptiveFormats = await this.getAdaptiveFormatsInvidious()
-              this.dashSrc = await this.createInvidiousDashManifest()
-            } else {
-              this.adaptiveFormats = result.streaming_data.adaptive_formats.map(mapLocalFormat)
-              this.dashSrc = await this.createLocalDashManifest(result)
-            }
-
-            if (this.activeFormat === 'audio') {
-              this.activeSourceList = this.audioSourceList
+              this.manifestSrc = await this.createInvidiousDashManifest()
+              this.manifestMimeType = MANIFEST_TYPE_DASH
             } else {
-              this.activeSourceList = this.videoSourceList
+              this.manifestSrc = await this.createLocalDashManifest(result)
+              this.manifestMimeType = MANIFEST_TYPE_DASH
             }
           } else {
-            this.activeSourceList = this.videoSourceList
-            this.audioSourceList = null
-            this.dashSrc = null
+            this.manifestSrc = null
             this.enableLegacyFormat()
           }
 
@@ -671,10 +690,11 @@ export default defineComponent({
             if (window.innerWidth < 500) {
               source = source.filter((board) => board.thumbnail_height <= 90)
             }
-            this.createLocalStoryboardUrls(source.at(-1))
+            this.videoStoryboardSrc = this.createLocalStoryboardUrls(source.at(-1))
           }
         }
 
+        // this.errorMessage = 'Test error message'
         this.isLoading = false
         this.updateTitle()
       } catch (err) {
@@ -685,8 +705,6 @@ export default defineComponent({
         console.error(err)
         if (this.backendPreference === 'local' && this.backendFallback && !err.toString().includes('private')) {
           showToast(this.$t('Falling back to Invidious API'))
-          // Invidious doesn't support multiple audio tracks, so we need to clear this to prevent the player getting confused
-          this.audioTracks = []
           this.getVideoInformationInvidious()
         } else {
           this.isLoading = false
@@ -699,8 +717,6 @@ export default defineComponent({
         this.isLoading = true
       }
 
-      this.videoStoryboardSrc = `${this.currentInvidiousInstanceUrl}/api/v1/storyboards/${this.videoId}?height=90`
-
       invidiousGetVideoInformation(this.videoId)
         .then(async result => {
           if (result.error) {
@@ -718,6 +734,8 @@ export default defineComponent({
             this.videoDislikeCount = result.dislikeCount
           }
 
+          this.videoGenreIsMusic = result.genre === 'Music'
+
           this.channelId = result.authorId
           this.channelName = result.author
           const channelThumb = result.authorThumbnails[1]
@@ -736,16 +754,23 @@ export default defineComponent({
             ...recommendedVideos.filter((video) => !this.isRecommendedVideoWatched(video.videoId)),
             ...recommendedVideos.filter((video) => this.isRecommendedVideoWatched(video.videoId))
           ]
-          this.adaptiveFormats = await this.getAdaptiveFormatsInvidious(result)
           this.isLive = result.liveNow
           this.isFamilyFriendly = result.isFamilyFriendly
-          this.captionHybridList = result.captions.map(caption => {
-            caption.url = this.currentInvidiousInstanceUrl + caption.url
-            caption.type = ''
-            caption.dataSource = 'invidious'
-            return caption
+          this.isPostLiveDvr = !!result.isPostLiveDvr
+
+          this.captions = result.captions.map(caption => {
+            return {
+              url: this.currentInvidiousInstanceUrl + caption.url,
+              label: caption.label,
+              language: caption.language_code,
+              mimeType: 'text/vtt'
+            }
           })
 
+          if (!this.isLive && !this.isPostLiveDvr) {
+            this.videoStoryboardSrc = `${this.currentInvidiousInstanceUrl}/api/v1/storyboards/${this.videoId}?height=90`
+          }
+
           switch (this.thumbnailPreference) {
             case 'start':
               this.thumbnail = `${this.currentInvidiousInstanceUrl}/vi/${this.videoId}/maxres1.jpg`
@@ -777,41 +802,66 @@ export default defineComponent({
           }
           this.videoChapters = chapters
 
-          if (this.isLive) {
-            this.activeFormat = 'legacy'
+          if (this.isLive || this.isPostLiveDvr) {
+            // The live DASH manifest is currently unusable as it returns 403s after 1 minute of playback
+            // so we have to use the HLS one for now.
+            // Leaving the code here commented out in case we can use it again in the future
+            // const url = `${this.currentInvidiousInstanceUrl}/api/manifest/dash/id/${this.videoId}`
 
-            this.videoSourceList = [
-              {
-                url: result.hlsUrl,
-                type: 'application/x-mpegURL',
-                label: 'Dash',
-                qualityLabel: 'Live'
-              }
-            ]
+            // // Proxying doesn't work for live or post live DVR DASH, so use HLS instead
+            // // https://github.com/iv-org/invidious/pull/4589
+            // if (this.proxyVideos) {
+            this.manifestSrc = result.hlsUrl
+            this.manifestMimeType = MANIFEST_TYPE_HLS
 
-            // Grabs the adaptive formats from Invidious.  Might be worth making these work.
-            // The type likely needs to be changed in order for these to be played properly.
-            // this.videoSourceList = result.adaptiveFormats.filter((format) => {
-            //   if (typeof (format.type) !== 'undefined') {
-            //     return format.type.includes('video/mp4')
-            //   }
-            // }).map((format) => {
-            //   return {
-            //     url: format.url,
-            //     type: 'application/x-mpegURL',
-            //     label: 'Dash',
-            //     qualityLabel: format.qualityLabel
-            //   }
-            // })
+            // The HLS manifests only contain combined audio+video streams, so we can't do audio only
+            if (this.activeFormat === 'audio') {
+              this.activeFormat = 'dash'
+            }
+            // } else {
+            //   this.manifestSrc = url
+            //   this.manifestMimeType = MANIFEST_TYPE_DASH
+            // }
 
-            this.activeSourceList = this.videoSourceList
-          } else if (this.forceLocalBackendForLegacy) {
-            this.getLegacyFormats()
+            this.legacyFormats = []
+
+            if (this.activeFormat === 'legacy') {
+              this.activeFormat = 'dash'
+            }
           } else {
             this.videoLengthSeconds = result.lengthSeconds
-            this.videoSourceList = result.formatStreams.reverse()
 
-            this.downloadLinks = result.adaptiveFormats.concat(this.videoSourceList).map((format) => {
+            // Detect if the Invidious server is running a new enough version of Invidious
+            // to include this pull request: https://github.com/iv-org/invidious/pull/4586
+            // which fixed the API returning incorrect height, width and fps information
+            const trustApiResponse = result.adaptiveFormats.some(stream => typeof stream.size === 'string')
+
+            if (process.env.SUPPORTS_LOCAL_API && this.forceLocalBackendForLegacy) {
+              const legacyFormats = await this.getLocalLegacyFormats()
+
+              if (legacyFormats !== null) {
+                this.legacyFormats = legacyFormats
+              } else {
+                this.legacyFormats = result.formatStreams.map(format => mapInvidiousLegacyFormat(format, trustApiResponse))
+              }
+            } else {
+              this.legacyFormats = result.formatStreams.map(format => mapInvidiousLegacyFormat(format, trustApiResponse))
+            }
+
+            if (!process.env.SUPPORTS_LOCAL_API || (this.proxyVideos && !this.forceLocalBackendForLegacy)) {
+              this.legacyFormats.forEach(format => {
+                format.url = getProxyUrl(format.url)
+              })
+            }
+
+            this.vrProjection = result.adaptiveFormats
+              .find(stream => {
+                return typeof stream.projectionType === 'string' &&
+                  stream.projectionType !== 'RECTANGULAR'
+              })
+              ?.projectionType ?? null
+
+            this.downloadLinks = result.adaptiveFormats.concat(result.formatStreams).map((format) => {
               const qualityLabel = format.qualityLabel || format.bitrate
               const itag = parseInt(format.itag)
               const fps = format.fps ? (format.fps + 'fps') : 'kbps'
@@ -841,34 +891,8 @@ export default defineComponent({
               return object
             }))
 
-            this.audioTracks = []
-            this.dashSrc = await this.createInvidiousDashManifest()
-
-            if (process.env.SUPPORTS_LOCAL_API && this.audioTracks.length > 0) {
-              // when the local API is supported and the video has multiple audio tracks,
-              // we populate the list inside createInvidiousDashManifest
-              // as we need to work out the different audio tracks for the DASH manifest anyway
-              this.audioSourceList = this.audioTracks.find(track => track.isDefault).sourceList
-            } else {
-              this.audioSourceList = result.adaptiveFormats.filter((format) => {
-                return format.type.includes('audio')
-              }).map((format) => {
-                return {
-                  url: format.url,
-                  type: format.type,
-                  label: 'Audio',
-                  qualityLabel: parseInt(format.bitrate)
-                }
-              }).sort((a, b) => {
-                return a.qualityLabel - b.qualityLabel
-              })
-            }
-
-            if (this.activeFormat === 'audio') {
-              this.activeSourceList = this.audioSourceList
-            } else {
-              this.activeSourceList = this.videoSourceList
-            }
+            this.manifestSrc = await this.createInvidiousDashManifest(result, trustApiResponse)
+            this.manifestMimeType = MANIFEST_TYPE_DASH
           }
 
           this.updateTitle()
@@ -934,9 +958,16 @@ export default defineComponent({
       chapters.at(-1).endSeconds = videoLengthSeconds
     },
 
-    updateCurrentChapter: function () {
+    /**
+     * @param {number} currentSeconds
+     */
+    updateCurrentChapter: function (currentSeconds) {
       const chapters = this.videoChapters
-      const currentSeconds = this.getTimestamp()
+
+      if (this.hideChapters || chapters.length === 0) {
+        return
+      }
+
       const currentChapterStart = chapters[this.videoCurrentChapterIndex].startSeconds
 
       if (currentSeconds !== currentChapterStart) {
@@ -951,104 +982,6 @@ export default defineComponent({
       }
     },
 
-    /**
-     * @param {import('../../helpers/api/local').LocalFormat[]} audioFormats
-     * @returns {AudioTrack[]}
-     */
-    createAudioTracksFromLocalFormats: function (audioFormats) {
-      /** @type {string[]} */
-      const ids = []
-
-      /** @type {AudioTrack[]} */
-      const audioTracks = []
-
-      /** @type {import('youtubei.js').Misc.Format[][]} */
-      const sourceLists = []
-
-      for (const format of audioFormats) {
-        // Some videos with multiple audio tracks, have a broken one, that doesn't have any audio track information
-        // It seems to be the same as default audio track but broken
-        // At the time of writing, this video has a broken audio track: https://youtu.be/UJeSWbR6W04
-        if (!format.audio_track) {
-          continue
-        }
-
-        const index = ids.indexOf(format.audio_track.id)
-        if (index === -1) {
-          ids.push(format.audio_track.id)
-
-          let kind
-
-          if (format.audio_track.audio_is_default) {
-            kind = 'main'
-          } else if (format.is_dubbed) {
-            kind = 'translation'
-          } else if (format.is_descriptive) {
-            kind = 'descriptions'
-          } else {
-            kind = 'alternative'
-          }
-
-          audioTracks.push({
-            id: format.audio_track.id,
-            kind,
-            label: format.audio_track.display_name,
-            language: format.language,
-            isDefault: format.audio_track.audio_is_default,
-            sourceList: []
-          })
-
-          sourceLists.push([
-            format
-          ])
-        } else {
-          sourceLists[index].push(format)
-        }
-      }
-
-      for (let i = 0; i < audioTracks.length; i++) {
-        audioTracks[i].sourceList = this.createLocalAudioSourceList(sourceLists[i])
-      }
-
-      return audioTracks
-    },
-
-    /**
-     * @param {import('../../helpers/api/local').LocalFormat[]} audioFormats
-     * @returns {AudioSource[]}
-     */
-    createLocalAudioSourceList: function (audioFormats) {
-      return audioFormats.sort((a, b) => {
-        return a.bitrate - b.bitrate
-      }).map((format, index) => {
-        let label
-
-        switch (index) {
-          case 0:
-            label = this.$t('Video.Audio.Low')
-            break
-          case 1:
-            label = this.$t('Video.Audio.Medium')
-            break
-          case 2:
-            label = this.$t('Video.Audio.High')
-            break
-          case 3:
-            label = this.$t('Video.Audio.Best')
-            break
-          default:
-            label = format.bitrate.toString()
-        }
-
-        return {
-          url: format.freeTubeUrl,
-          type: format.mime_type,
-          label: 'Audio',
-          qualityLabel: label
-        }
-      }).reverse()
-    },
-
     addToHistory: function (watchProgress) {
       const videoData = {
         videoId: this.videoId,
@@ -1069,17 +1002,14 @@ export default defineComponent({
     },
 
     handleWatchProgress: function () {
-      if (this.rememberHistory && !this.isUpcoming && !this.isLoading && !this.isLive) {
-        const player = this.$refs.videoPlayer?.player
-
-        if (player && this.saveWatchedProgress) {
-          const currentTime = this.getWatchedProgress()
-          const payload = {
-            videoId: this.videoId,
-            watchProgress: currentTime
-          }
-          this.updateWatchProgress(payload)
+      if (this.rememberHistory && this.saveWatchedProgress && !this.isUpcoming &&
+        !this.isLoading && !this.isLive && this.$refs.player?.hasLoaded) {
+        const currentTime = this.getWatchedProgress()
+        const payload = {
+          videoId: this.videoId,
+          watchProgress: currentTime
         }
+        this.updateWatchProgress(payload)
       }
     },
 
@@ -1097,49 +1027,48 @@ export default defineComponent({
       })
     },
 
-    handleVideoReady: function () {
-      this.videoPlayerReady = true
-      this.checkIfWatched()
-      this.updateLocalPlaylistLastPlayedAtSometimes()
-    },
-
     isRecommendedVideoWatched: function (videoId) {
       return !!this.$store.getters.getHistoryCacheById[videoId]
     },
 
-    checkIfWatched: function () {
-      if (!this.isLive) {
-        if (this.timestamp) {
-          if (this.timestamp < 0) {
-            this.$refs.videoPlayer.player.currentTime(0)
-          } else if (this.timestamp > (this.videoLengthSeconds - 10)) {
-            this.$refs.videoPlayer.player.currentTime(this.videoLengthSeconds - 10)
+    handleVideoLoaded: function () {
+      // will trigger again if you switch formats or change legacy quality
+      if (!this.videoPlayerLoaded) {
+        this.videoPlayerLoaded = true
+
+        if (this.rememberHistory) {
+          if (this.timestamp) {
+            this.addToHistory(this.timestamp)
+          } else if (this.historyEntryExists) {
+            this.addToHistory(this.historyEntry.watchProgress)
           } else {
-            this.$refs.videoPlayer.player.currentTime(this.timestamp)
+            this.addToHistory(0)
           }
-        } else if (this.saveWatchedProgress && this.historyEntryExists) {
-          // For UX consistency, no progress reading if writing disabled
-          const watchProgress = this.historyEntry.watchProgress
 
-          if (watchProgress < (this.videoLengthSeconds - 10)) {
-            this.$refs.videoPlayer.player.currentTime(watchProgress)
-          }
+          // Must be called AFTER history entry inserted
+          // Otherwise the value is not saved for first time watched videos
+          this.handlePlaylistPersisting()
         }
+
+        this.updateLocalPlaylistLastPlayedAtSometimes()
       }
+    },
 
-      if (this.rememberHistory) {
-        if (this.timestamp) {
-          this.addToHistory(this.timestamp)
-        } else if (this.historyEntryExists) {
-          this.addToHistory(this.historyEntry.watchProgress)
-        } else {
-          this.addToHistory(0)
-        }
+    setStartTime: function () {
+      if (this.timestamp !== null && this.timestamp > 0) {
+        this.startTimeSeconds = this.timestamp
+        return
+      } else if (this.saveWatchedProgress && this.historyEntryExists) {
+        // For UX consistency, no progress reading if writing disabled
+        const watchProgress = this.historyEntry.watchProgress
 
-        // Must be called AFTER history entry inserted
-        // Otherwise the value is not saved for first time watched videos
-        this.handlePlaylistPersisting()
+        if (watchProgress > 0) {
+          this.startTimeSeconds = watchProgress
+          return
+        }
       }
+
+      this.startTimeSeconds = null
     },
 
     checkIfPlaylist: function () {
@@ -1196,22 +1125,18 @@ export default defineComponent({
       this.timestamp = isNaN(timestamp) || timestamp < 0 ? null : timestamp
     },
 
-    getLegacyFormats: function () {
-      getLocalVideoInfo(this.videoId)
-        .then(result => {
-          this.videoSourceList = result.streaming_data.formats.map(mapLocalFormat)
-        })
-        .catch(err => {
-          const errorMessage = this.$t('Local API Error (Click to copy)')
-          showToast(`${errorMessage}: ${err}`, 10000, () => {
-            copyToClipboard(err)
-          })
-          console.error(err)
-          if (!process.env.SUPPORTS_LOCAL_API || (this.backendPreference === 'local' && this.backendFallback)) {
-            showToast(this.$t('Falling back to Invidious API'))
-            this.getVideoInformationInvidious()
-          }
+    getLocalLegacyFormats: async function () {
+      try {
+        const result = await getLocalVideoInfo(this.videoId)
+        return result.streaming_data.formats.map(mapLocalLegacyFormat)
+      } catch (err) {
+        const errorMessage = this.$t('Local API Error (Click to copy)')
+        showToast(`${errorMessage}: ${err}`, 10000, () => {
+          copyToClipboard(err)
         })
+        console.error(err)
+        return null
+      }
     },
 
     handleFormatChange: function (format) {
@@ -1233,23 +1158,12 @@ export default defineComponent({
         return
       }
 
-      if (this.dashSrc === null || this.isLive || this.isPostLiveDvr) {
+      if (this.manifestSrc === null) {
         showToast(this.$t('Change Format.Dash formats are not available for this video'))
         return
       }
-      const watchedProgress = this.getWatchedProgress()
+
       this.activeFormat = 'dash'
-      this.hidePlayer = true
-
-      setTimeout(() => {
-        this.hidePlayer = false
-        setTimeout(() => {
-          const player = this.$refs.videoPlayer.player
-          if (player !== null) {
-            player.currentTime(watchedProgress)
-          }
-        }, 500)
-      }, 100)
     },
 
     enableLegacyFormat: function () {
@@ -1257,20 +1171,12 @@ export default defineComponent({
         return
       }
 
-      const watchedProgress = this.getWatchedProgress()
+      if (this.isLive || this.isPostLiveDvr || this.legacyFormats.length === 0) {
+        showToast(this.$t('Change Format.Legacy formats are not available for this video'))
+        return
+      }
+
       this.activeFormat = 'legacy'
-      this.activeSourceList = this.videoSourceList
-      this.hidePlayer = true
-
-      setTimeout(() => {
-        this.hidePlayer = false
-        setTimeout(() => {
-          const player = this.$refs.videoPlayer.player
-          if (player !== null) {
-            player.currentTime(watchedProgress)
-          }
-        }, 500)
-      }, 100)
     },
 
     enableAudioFormat: function () {
@@ -1278,25 +1184,14 @@ export default defineComponent({
         return
       }
 
-      if (this.audioSourceList === null) {
+      if (this.manifestSrc === null ||
+        // HLS consists of combined audio and video files, so we can't do audio only
+        ((this.isLive || this.isPostLiveDvr) && this.manifestMimeType !== MANIFEST_TYPE_DASH)) {
         showToast(this.$t('Change Format.Audio formats are not available for this video'))
         return
       }
 
-      const watchedProgress = this.getWatchedProgress()
       this.activeFormat = 'audio'
-      this.activeSourceList = this.audioSourceList
-      this.hidePlayer = true
-
-      setTimeout(() => {
-        this.hidePlayer = false
-        setTimeout(() => {
-          const player = this.$refs.videoPlayer.player
-          if (player !== null) {
-            player.currentTime(watchedProgress)
-          }
-        }, 500)
-      }, 100)
     },
 
     handleVideoEnded: function () {
@@ -1329,8 +1224,9 @@ export default defineComponent({
 
       const nextVideoInterval = this.defaultInterval
       this.playNextTimeout = setTimeout(() => {
-        const player = this.$refs.videoPlayer?.player
-        if (player && player.paused()) {
+        const player = this.$refs.player
+
+        if (player && player.isPaused()) {
           if (this.watchingPlaylist) {
             this.$refs.watchVideoPlaylist.playNextVideo()
           } else {
@@ -1368,90 +1264,124 @@ export default defineComponent({
       this.playNextCountDownIntervalId = setInterval(showCountDownMessage, 1000)
     },
 
-    handleRouteChange: function (videoId) {
-      // receiving it as an arg instead of accessing it ourselves means we always have the right one
-
+    handleRouteChange: function () {
       clearTimeout(this.playNextTimeout)
       clearInterval(this.playNextCountDownIntervalId)
       this.videoChapters = []
 
       this.handleWatchProgress()
+    },
 
-      if (!this.isUpcoming && !this.isLoading) {
-        const player = this.$refs.videoPlayer?.player
-
-        if (player && !player.paused() && player.isInPictureInPicture()) {
-          setTimeout(() => {
-            player.play()
-            player.on('leavepictureinpicture', (event) => {
-              const watchTime = player.currentTime()
-              if (this.$route.fullPath.includes('/watch')) {
-                const routeId = this.$route.params.id
-                if (routeId === videoId) {
-                  this.$refs.videoPlayer.$refs.video.currentTime = watchTime
-                }
-              }
+    /**
+     * @param {import('shaka-player/dist/shaka-player.ui').default.util.Error} error
+     */
+    handlePlayerError: function (error) {
+      // the error is logged to the console inside the player so we don't have to do it here
 
-              player.pause()
-              player.dispose()
-            })
-          }, 200)
+      const { Code } = shaka.util.Error
+
+      if (error.code === Code.HTTP_ERROR) {
+        if (error.data[1]?.message === 'Failed to fetch' && !navigator.onLine) {
+          // Internet connection was lost, do nothing on our side as
+          // shaka-player will keep trying until the internet connection returns and resume playback automatically when it does
+          return
         }
-      }
+      } else if (error.code === Code.BAD_HTTP_STATUS) {
+        switch (error.data[1]) {
+          case 429:
+            this.handleWatchProgress()
 
-      if (this.videoStoryboardSrc.startsWith('blob:')) {
-        URL.revokeObjectURL(this.videoStoryboardSrc)
-        this.videoStoryboardSrc = ''
-      }
-    },
+            this.errorMessage = '[BAD_HTTP_STATUS: 429] Ratelimited'
+            return
+          case 403:
+            this.handleWatchProgress()
 
-    handleVideoError: function (error) {
-      console.error(error)
-      if (this.isLive) {
-        return
+            if (new Date() > this.streamingDataExpiryDate) {
+              this.errorMessage = '[BAD_HTTP_STATUS: 403] YouTube watch session expired. Please reopen this video.'
+              this.customErrorIcon = ['fas', 'clock']
+              return
+            }
+
+            if (this.videoGenreIsMusic) {
+              this.errorMessage = '[BAD_HTTP_STATUS: 403] Potential causes: IP block, streaming URL deciphering failed or music video geo-block'
+            } else {
+              this.errorMessage = '[BAD_HTTP_STATUS: 403] Potential causes: IP block or streaming URL deciphering failed'
+            }
+            return
+        }
+      } else if (error.code === Code.VIDEO_ERROR) {
+        if (this.activeFormat === 'legacy') {
+          if (new Date() > this.streamingDataExpiryDate) {
+            this.handleWatchProgress()
+
+            this.errorMessage = '[VIDEO_ERROR] YouTube watch session expired. Please reopen this video.'
+            this.customErrorIcon = ['fas', 'clock']
+            return
+          }
+        }
       }
 
-      if (error.code === 4) {
+      if (this.isLive || this.isPostLiveDvr) {
+        // live streams don't have legacy formats, so only switch between dash and audio
+
         if (this.activeFormat === 'dash') {
-          console.warn(
-            'Unable to play dash formats.  Reverting to legacy formats...'
-          )
-          this.enableLegacyFormat()
+          console.error('Unable to play audio formats. Reverting to DASH formats...')
+          this.enableAudioFormat()
         } else {
+          console.error('Unable to play DASH formats. Reverting to audio formats...')
           this.enableDashFormat()
         }
+      } else {
+        // loop through formats DASH -> legacy -> audio -> DASH
+
+        switch (this.activeFormat) {
+          case 'dash':
+            console.error('Unable to play DASH formats. Reverting to legacy formats...')
+            this.enableLegacyFormat()
+            break
+          case 'legacy':
+            console.error('Unable to play legacy formats. Reverting to audio formats...')
+            this.enableAudioFormat()
+            break
+          case 'audio':
+            console.error('Unable to play audio formats. Reverting to DASH formats...')
+            this.enableDashFormat()
+            break
+        }
       }
     },
 
     /**
      * @param {import('youtubei.js').YT.VideoInfo} videoInfo
+     * @param {boolean} includeThumbnails
      */
-    createLocalDashManifest: async function (videoInfo) {
-      const xmlData = await videoInfo.toDash()
-
-      return [
-        {
-          url: `data:application/dash+xml;charset=UTF-8,${encodeURIComponent(xmlData)}`,
-          type: 'application/dash+xml',
-          label: 'Dash',
-          qualityLabel: 'Auto'
-        }
-      ]
+    createLocalDashManifest: async function (videoInfo, includeThumbnails = false) {
+      const xmlData = await videoInfo.toDash(undefined, undefined, {
+        include_thumbnails: includeThumbnails
+      })
+
+      return `data:application/dash+xml;charset=UTF-8,${encodeURIComponent(xmlData)}`
     },
 
-    createInvidiousDashManifest: async function () {
+    createInvidiousDashManifest: async function (result, trustApiResponse = false) {
       let url = `${this.currentInvidiousInstanceUrl}/api/manifest/dash/id/${this.videoId}`
 
       // If we are in Electron,
       // we can use YouTube.js' DASH manifest generator to generate the manifest.
       // Using YouTube.js' gives us support for multiple audio tracks (currently not supported by Invidious)
       if (process.env.SUPPORTS_LOCAL_API) {
-        // Invidious' API response doesn't include the height and width (and fps and qualityLabel for AV1) of video streams
-        // so we need to extract them from Invidious' manifest
-        const response = await invidiousFetch(url)
-        const originalText = await response.text()
+        const adaptiveFormats = await this.getAdaptiveFormatsInvidious(result, trustApiResponse)
 
-        const parsedManifest = new DOMParser().parseFromString(originalText, 'application/xml')
+        let parsedManifest
+
+        if (!trustApiResponse) {
+          // Invidious' API response doesn't include the height and width (and fps and qualityLabel for AV1) of video streams
+          // so we need to extract them from Invidious' manifest
+          const response = await invidiousFetch(url)
+          const originalText = await response.text()
+
+          parsedManifest = new DOMParser().parseFromString(originalText, 'application/xml')
+        }
 
         /** @type {import('youtubei.js').Misc.Format[]} */
         const formats = []
@@ -1461,8 +1391,8 @@ export default defineComponent({
 
         let hasMultipleAudioTracks = false
 
-        for (const format of this.adaptiveFormats) {
-          if (format.type.startsWith('video/')) {
+        for (const format of adaptiveFormats) {
+          if (!trustApiResponse && format.type.startsWith('video/')) {
             const representation = parsedManifest.querySelector(`Representation[id="${format.itag}"][bandwidth="${format.bitrate}"]`)
 
             format.height = parseInt(representation.getAttribute('height'))
@@ -1480,7 +1410,7 @@ export default defineComponent({
           if (localFormat.has_audio) {
             audioFormats.push(localFormat)
 
-            if (localFormat.is_dubbed || localFormat.is_descriptive) {
+            if (localFormat.is_dubbed || localFormat.is_descriptive || localFormat.is_drc || localFormat.is_secondary) {
               hasMultipleAudioTracks = true
             }
           }
@@ -1494,8 +1424,6 @@ export default defineComponent({
           for (const format of audioFormats) {
             this.generateAudioTrackFieldInvidious(format, languageNames)
           }
-
-          this.audioTracks = this.createAudioTracksFromLocalFormats(audioFormats)
         }
 
         const manifest = await generateInvidiousDashManifestLocally(formats)
@@ -1505,14 +1433,7 @@ export default defineComponent({
         url += '?local=true'
       }
 
-      return [
-        {
-          url: url,
-          type: 'application/dash+xml',
-          label: 'Dash',
-          qualityLabel: 'Auto'
-        }
-      ]
+      return url
     },
 
     /**
@@ -1534,6 +1455,9 @@ export default defineComponent({
       } else if (format.is_original) {
         type = ' original'
         idNumber = 4
+      } else if (format.is_secondary) {
+        type = ' secondary'
+        idNumber = 6
       } else {
         type = ' alternative'
         idNumber = -1
@@ -1548,7 +1472,7 @@ export default defineComponent({
       }
     },
 
-    getAdaptiveFormatsInvidious: async function (existingInfoResult = null) {
+    getAdaptiveFormatsInvidious: async function (existingInfoResult = null, trustApiResponse = false) {
       let result
       if (existingInfoResult) {
         result = existingInfoResult
@@ -1556,120 +1480,105 @@ export default defineComponent({
         result = await invidiousGetVideoInformation(this.videoId)
       }
 
-      return filterInvidiousFormats(result.adaptiveFormats, this.allowDashAv1Formats)
-        .map((format) => {
+      if (trustApiResponse) {
+        result.adaptiveFormats.forEach((format) => {
           format.bitrate = parseInt(format.bitrate)
-          if (typeof format.resolution === 'string') {
-            format.height = parseInt(format.resolution.replace('p', ''))
+
+          // audio streams don't have a size property
+          if (typeof format.size === 'string') {
+            const [stringWidth, stringHeight] = format.size.split('x')
+
+            format.width = parseInt(stringWidth)
+            format.height = parseInt(stringHeight)
           }
-          return format
         })
+
+        return result.adaptiveFormats
+      } else {
+        return filterInvidiousFormats(result.adaptiveFormats)
+          .map((format) => {
+            format.bitrate = parseInt(format.bitrate)
+            if (typeof format.resolution === 'string') {
+              format.height = parseInt(format.resolution.replace('p', ''))
+            }
+            return format
+          })
+      }
     },
 
     createLocalStoryboardUrls: function (storyboardInfo) {
       const results = buildVTTFileLocally(storyboardInfo, this.videoLengthSeconds)
 
-      // after the player migration, switch to using a data URI, as those don't need to be revoked
-
-      const blob = new Blob([results], { type: 'text/vtt;charset=UTF-8' })
-
-      this.videoStoryboardSrc = URL.createObjectURL(blob)
+      return `data:text/vtt;charset=utf-8,${encodeURIComponent(results)}`
     },
 
-    tryAddingTranslatedLocaleCaption: function (captionTracks, locale, baseUrl) {
-      const enCaptionIdx = captionTracks.findIndex(track =>
-        track.language_code === 'en' && track.kind !== 'asr'
-      )
+    /**
+     * @param {import('youtubei.js').YTNodes.PlayerCaptionsTracklist} captions
+     * @param {Set<string>} userLanguages
+     * @returns {null|{ url: string, label: string, language: string, mimeType: string, isAutotranslated: boolean }}
+     */
+    getTranslatedLocaleCaption: function (captions, userLanguages) {
+      // check if we can translate to the users language
+      const translationLanguage = captions.translation_languages.find(language => userLanguages.has(language.language_code))
+
+      let translationName, translationCode
+      // otherwise just fallback to the FreeTube display language and hope that YouTube will be able to handle it
+      if (!translationLanguage) {
+        translationName = this.$i18n.t('Locale Name')
+        translationCode = userLanguages.values().next()
+      } else {
+        translationName = translationLanguage.language_name.text
+        translationCode = translationLanguage.language_code
+      }
 
-      const enCaptionExists = enCaptionIdx !== -1
-      const asrEnabled = captionTracks.some(track => track.kind === 'asr')
+      let trackToTranslate
 
-      if (enCaptionExists || asrEnabled) {
-        let label
-        let url
+      const autoGeneratedCaptionTrack = captions.caption_tracks.find(track => track.kind === 'asr')
+      if (autoGeneratedCaptionTrack) {
+        // Check if there is a user uploaded caption track in the language of the video, as that is more trustworthy than auto-generated captions
+        const userUploadedCaptionTrack = captions.caption_tracks.find(track => track.kind !== 'asr' && track.language_code === autoGeneratedCaptionTrack.language_code)
 
-        if (this.$te('Video.translated from English') && this.$t('Video.translated from English') !== '') {
-          label = `${this.$t('Locale Name')} (${this.$t('Video.translated from English')})`
-        } else {
-          label = `${this.$t('Locale Name')} (translated from English)`
-        }
+        // Fallback to the auto-generated track if there is no user uploaded one that matches the video language
+        trackToTranslate = userUploadedCaptionTrack ?? autoGeneratedCaptionTrack
+      } else {
+        // if there is no auto-generated track choose the first translatable track
+        trackToTranslate = captions.caption_tracks.find(track => track.is_translatable) ?? captions.caption_tracks[0]
+      }
 
-        const indexTranslated = captionTracks.findIndex((item) => {
-          return item.label === label
-        })
-        if (indexTranslated !== -1) {
-          return
-        }
+      const url = new URL(trackToTranslate.base_url)
+      url.searchParams.set('fmt', 'vtt')
+      url.searchParams.set('tlang', translationCode)
 
-        if (enCaptionExists) {
-          url = new URL(captionTracks[enCaptionIdx].url)
-        } else {
-          url = new URL(baseUrl)
-          url.searchParams.set('lang', 'en')
-          url.searchParams.set('kind', 'asr')
-        }
+      const label = this.$t('Video.Player.TranslatedCaptionTemplate', {
+        language: translationName,
+        originalLanguage: trackToTranslate.name.text
+      })
 
-        url.searchParams.set('tlang', locale)
-        captionTracks.unshift({
-          url: url.toString(),
-          label,
-          language_code: locale,
-          is_autotranslated: true
-        })
+      return {
+        url: url.toString(),
+        label,
+        language: translationCode,
+        mimeType: 'text/vtt',
+        isAutotranslated: true
       }
     },
 
-    createCaptionPromiseList: function (captionTracks) {
-      return captionTracks.map(caption => new Promise((resolve, reject) => {
-        caption.type = 'text/vtt'
-        caption.charset = 'charset=utf-8'
-        caption.dataSource = 'local'
-
-        const url = new URL(caption.url)
-        url.searchParams.set('fmt', 'vtt')
-
-        fetch(url)
-          .then((response) => response.text())
-          .then((text) => {
-            // The character '#' needs to be percent-encoded in a (data) URI
-            // because it signals an identifier, which means anything after it
-            // is automatically removed when the URI is used as a source
-            let vtt = text.replaceAll('#', '%23')
-
-            // A lot of videos have messed up caption positions that need to be removed
-            // This can be either because this format isn't really used by YouTube
-            // or because it's expected for the player to be able to somehow
-            // wrap the captions so that they won't step outside its boundaries
-            //
-            // Auto-generated captions are also all aligned to the start
-            // so those instances must also be removed
-            // In addition, all aligns seem to be fixed to "start" when they do pop up in normal captions
-            // If it's prominent enough that people start to notice, it can be removed then
-            if (caption.kind === 'asr') {
-              vtt = vtt.replaceAll(/ align:start| position:\d{1,3}%/g, '')
-            } else {
-              vtt = vtt.replaceAll(/ position:\d{1,3}%/g, '')
-            }
-
-            caption.url = `data:${caption.type};${caption.charset},${vtt}`
-            resolve(caption)
-          })
-          .catch((error) => {
-            console.error(error)
-            reject(error)
-          })
-      }))
-    },
-
     pausePlayer: function () {
-      const player = this.$refs.videoPlayer.player
-      if (player && !player.paused()) {
+      const player = this.$refs.player
+
+      if (player && !player.isPaused()) {
         player.pause()
       }
     },
 
     getWatchedProgress: function () {
-      return this.$refs.videoPlayer && this.$refs.videoPlayer.player ? this.$refs.videoPlayer.player.currentTime() : 0
+      const player = this.$refs.player
+
+      if (!this.isLoading && player?.hasLoaded) {
+        return player.getCurrentTime()
+      }
+
+      return 0
     },
 
     getTimestamp: function () {
diff --git a/src/renderer/views/Watch/Watch.scss b/src/renderer/views/Watch/Watch.scss
index cac7c281dff90..edefbb85a23ea 100644
--- a/src/renderer/views/Watch/Watch.scss
+++ b/src/renderer/views/Watch/Watch.scss
@@ -47,7 +47,7 @@
       max-inline-size: calc(80vh * 1.78);
       position: relative;
 
-      .upcomingThumbnail {
+      .videoThumbnail {
         inline-size: 100%;
       }
 
@@ -82,6 +82,46 @@
           }
         }
       }
+
+      .errorContainer {
+        position: absolute;
+        inset: 30px;
+        display: grid;
+        place-content: center;
+      }
+
+      .errorWrapper {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 20px;
+        padding: 10px;
+        border-radius: 20px;
+        background-color: rgb(0 0 0 / 90%);
+        color: #fff;
+      }
+
+      .errorIcon {
+        font-size: 80px;
+      }
+
+      .errorMessage {
+        margin: 0;
+      }
+
+      @media only screen and (width <= 680px) {
+        .errorContainer {
+          inset: 10px;
+        }
+
+        .errorWrapper {
+          gap: 10px;
+        }
+
+        .errorIcon {
+          font-size: 60px;
+        }
+      }
     }
   }
 
diff --git a/src/renderer/views/Watch/Watch.vue b/src/renderer/views/Watch/Watch.vue
index b927b20e13646..e9c60192c8322 100644
--- a/src/renderer/views/Watch/Watch.vue
+++ b/src/renderer/views/Watch/Watch.vue
@@ -16,42 +16,42 @@
       class="videoArea"
     >
       <div class="videoAreaMargin">
-        <ft-video-player
-          v-if="!isLoading && !hidePlayer && !isUpcoming"
-          ref="videoPlayer"
-          :dash-src="dashSrc"
-          :source-list="activeSourceList"
-          :audio-tracks="audioTracks"
-          :adaptive-formats="adaptiveFormats"
-          :caption-hybrid-list="captionHybridList"
+        <ft-shaka-video-player
+          v-if="!isLoading && !isUpcoming && !errorMessage"
+          ref="player"
+          :manifest-src="manifestSrc"
+          :manifest-mime-type="manifestMimeType"
+          :legacy-formats="legacyFormats"
+          :start-time="startTimeSeconds"
+          :captions="captions"
           :storyboard-src="videoStoryboardSrc"
           :format="activeFormat"
           :thumbnail="thumbnail"
           :video-id="videoId"
-          :length-seconds="videoLengthSeconds"
           :chapters="videoChapters"
           :current-chapter-index="videoCurrentChapterIndex"
+          :title="videoTitle"
           :theatre-possible="theatrePossible"
           :use-theatre-mode="useTheatreMode"
+          :vr-projection="vrProjection"
           class="videoPlayer"
-          :class="{ theatrePlayer: useTheatreMode }"
-          @ready="handleVideoReady"
+          @error="handlePlayerError"
+          @loaded="handleVideoLoaded"
+          @timeupdate="updateCurrentChapter"
           @ended="handleVideoEnded"
-          @error="handleVideoError"
-          @store-caption-list="captionHybridList = $event"
           @toggle-theatre-mode="useTheatreMode = !useTheatreMode"
-          v-on="!hideChapters && videoChapters.length > 0 ? { timeupdate: updateCurrentChapter } : {}"
         />
         <div
-          v-if="!isLoading && isUpcoming"
+          v-if="!isLoading && (isUpcoming || errorMessage)"
           class="videoPlayer"
         >
           <img
             :src="thumbnail"
-            class="upcomingThumbnail"
+            class="videoThumbnail"
             alt=""
           >
           <div
+            v-if="isUpcoming"
             class="premiereDate"
           >
             <font-awesome-icon
@@ -81,6 +81,25 @@
               {{ $t("Video.Starting soon, please refresh the page to check again") }}
             </p>
           </div>
+          <div
+            v-else-if="errorMessage"
+            class="errorContainer"
+          >
+            <div
+              class="errorWrapper"
+            >
+              <font-awesome-icon
+                :icon="customErrorIcon || ['fas', 'exclamation-circle']"
+                aria-hidden="true"
+                class="errorIcon"
+              />
+              <p
+                class="errorMessage"
+              >
+                {{ errorMessage }}
+              </p>
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -150,7 +169,7 @@
         :class="{ theatreWatchVideo: useTheatreMode }"
         :channel-thumbnail="channelThumbnail"
         :channel-name="channelName"
-        :video-player-ready="videoPlayerReady"
+        :video-player-ready="videoPlayerLoaded"
         :force-state="commentsEnabled ? null : 'noComment'"
         @timestamp-event="changeTimestamp"
       />
diff --git a/static/locales/ar.yaml b/static/locales/ar.yaml
index 4143fcc3c6afe..69dcfc92aa3b9 100644
--- a/static/locales/ar.yaml
+++ b/static/locales/ar.yaml
@@ -426,7 +426,6 @@ Settings:
         أرقام. %i معرف الفيديو. يمكنك أيضا استخدام "\" أو "/" لإنشاء مجلدات فرعية.
     Enter Fullscreen on Display Rotate: وضع ملء الشاشة عند تدوير الشاشة
     Skip by Scrolling Over Video Player: تخطي بالتمرير فوق مشغل الفيديو
-    Allow DASH AV1 formats: السماح بتنسيقات DASH AV1
   Privacy Settings:
     Privacy Settings: 'إعدادات الخصوصية'
     Remember History: 'تذّكر سجلّ المشاهدة'
@@ -907,11 +906,6 @@ Video:
   Loop Playlist: تكرار قائمة التشغيل
   Starting soon, please refresh the page to check again: سيبدأ قريباً ، يرجى تحديث
     الصفحة للتحقق مرة أخرى
-  Audio:
-    Best: الأفضل
-    High: عال
-    Medium: متوسط
-    Low: منخفض
   audio only: الصوت فقط
   video only: الفيديو فقط
   Download Video: تحميل الفيديو
@@ -924,7 +918,6 @@ Video:
   Video has been saved: تم حفظ الفيديو
   Save Video: احفظ الفيديو
   Video has been removed from your saved list: تمت إزالة الفيديو من قائمتك المحفوظة
-  translated from English: مترجمة من الإنجليزية
   Sponsor Block category:
     music offtopic: موسيقى خارجة عن المألوف
     interaction: تفاعل
@@ -934,7 +927,6 @@ Video:
     sponsor: الرعاة
     filler: حشو
     recap: الخلاصة
-  Skipped segment: تم تخطي المقطع
   External Player:
     Unsupported Actions:
       looping playlists: تكرار قوائم التشغيل
@@ -951,26 +943,6 @@ Video:
     video: فيديو
     OpenInTemplate: فتح في {externalPlayer}
   Premieres on: العرض الأول بتاريخ
-  Stats:
-    video id: معرف الفيديو (يوتيوب)
-    player resolution: المعاينه
-    fps: معدل الإطارات
-    frame drop: إسقاط الإطار
-    buffered: مخزنة
-    out of: خارج عن
-    bandwidth: سرعة الاتصال
-    volume: الصوت
-    Video statistics are not available for legacy videos: إحصائيات الفيديو غير متوفرة
-      لمقاطع الفيديو القديمة
-    Video ID: معرف الفيديو
-    Resolution: الدقة
-    Bitrate: معدل البت
-    Player Dimensions: عدد اللاعبين
-    Volume: الصوت
-    Bandwidth: عرض النطاق الترددي
-    Buffered: مخزنة
-    Dropped / Total Frames: إسقاط / إجمالي الإطارات
-    Mimetype: نمط ميمي
   Premieres in: العرض الأول في
   Premieres: العرض الأولي
   Scroll to Bottom: انتقل إلى الأسفل
@@ -1121,9 +1093,6 @@ Tooltips:
       على Mac) ثم انقر فوق الماوس للعودة بسرعة إلى معدل التشغيل الافتراضي (1x ما لم
       يتم تغييره في الإعدادات).
     Skip by Scrolling Over Video Player: استخدم عجلة التمرير لتخطي الفيديو بنمط MPV.
-    Allow DASH AV1 formats: قد تبدو تنسيقات DASH AV1 أفضل من تنسيقات DASH H.264. تتطلب
-      تنسيقات DASH AV1 مزيدا من الطاقة للتشغيل! وهي غير متوفرة في جميع مقاطع الفيديو
-      ، وفي هذه الحالات سيستخدم المشغل تنسيقات DASH H.264 بدلا من ذلك.
   Subscription Settings:
     Fetch Feeds from RSS: عند تفعيلها، سوف يستخدم فريتيوب طريقة RSS بدلًا من طريقته
       المعتادة لجلب صفحة اشتراكاتك. طريقة RSS أسرع وتتخطى حجب الآي بي IP، لكنها لا
diff --git a/static/locales/be.yaml b/static/locales/be.yaml
index 0855aa431abcf..9bb8170384081 100644
--- a/static/locales/be.yaml
+++ b/static/locales/be.yaml
@@ -277,7 +277,6 @@ Settings:
       1440p: ''
       4k: ''
       8k: ''
-    Allow DASH AV1 formats: ''
     Screenshot:
       Enable: ''
       Format Label: ''
@@ -613,11 +612,6 @@ Video:
   Download Video: ''
   video only: ''
   audio only: ''
-  Audio:
-    Low: ''
-    Medium: ''
-    High: ''
-    Best: ''
   Published:
     Jan: ''
     Feb: ''
@@ -651,9 +645,7 @@ Video:
   Published on: ''
   Streamed on: ''
   Started streaming on: ''
-  translated from English: ''
   Publicationtemplate: ''
-  Skipped segment: ''
   Sponsor Block category:
     sponsor: ''
     intro: ''
@@ -677,17 +669,6 @@ Video:
       reversing playlists: ''
       shuffling playlists: ''
       looping playlists: ''
-  Stats:
-    Video statistics are not available for legacy videos: ''
-    Video ID: ''
-    Resolution: ''
-    Player Dimensions: ''
-    Bitrate: ''
-    Volume: ''
-    Bandwidth: ''
-    Buffered: ''
-    Dropped / Total Frames: ''
-    Mimetype: ''
 #& Videos
 Videos:
   #& Sort By
@@ -783,7 +764,6 @@ Tooltips:
     Force Local Backend for Legacy Formats: ''
     Proxy Videos Through Invidious: ''
     Default Video Format: ''
-    Allow DASH AV1 formats: ''
     Scroll Playback Rate Over Video Player: ''
     Skip by Scrolling Over Video Player: ''
   External Player Settings:
diff --git a/static/locales/bg.yaml b/static/locales/bg.yaml
index aea3525ba42ef..ebef19bf4e5b6 100644
--- a/static/locales/bg.yaml
+++ b/static/locales/bg.yaml
@@ -441,7 +441,6 @@ Settings:
       Folder Button: Избор на папка
     Enter Fullscreen on Display Rotate: Режим на цял екран при завъртане на дисплея
     Skip by Scrolling Over Video Player: Превъртане над видео плейъра
-    Allow DASH AV1 formats: Разрешаване на форматите DASH AV1
   Privacy Settings:
     Privacy Settings: 'Настройки за поверителност'
     Remember History: 'Запазване на историята'
@@ -926,11 +925,6 @@ Video:
   Published on: 'Публикувано на'
   Publicationtemplate: 'Преди {number} {unit}'
 #& Videos
-  Audio:
-    Best: Най-добро
-    High: Високо
-    Medium: Средно
-    Low: Ниско
   audio only: само аудио
   video only: само видео
   Download Video: Сваляне на видео
@@ -944,7 +938,6 @@ Video:
     със запазени
   Video has been saved: Видеото е запазено
   Save Video: Запазване на видео
-  translated from English: преведено от английски
   Sponsor Block category:
     interaction: Взаимодействие
     self-promotion: Самореклама
@@ -954,7 +947,6 @@ Video:
     music offtopic: Музика извън темата
     recap: Резюме
     filler: Запълване
-  Skipped segment: Пропуснат сегмент
   External Player:
     Unsupported Actions:
       looping playlists: повтаряне на плейлисти
@@ -970,26 +962,6 @@ Video:
     playlist: плейлист
     video: видео
     OpenInTemplate: Отваряне във {externalPlayer}
-  Stats:
-    fps: Кадри в секунда
-    video id: Идентификатор на видеоклип (YouTube)
-    player resolution: Изглед
-    volume: Сила на звука
-    frame drop: Пропускане на кадър
-    bandwidth: Скорост на свързване
-    buffered: Буферирани
-    out of: от
-    Resolution: Резолюция
-    Video ID: Идентификатор на видеото
-    Player Dimensions: Размери на плейъра
-    Bitrate: Побитова скорост
-    Bandwidth: Пропускателна способност
-    Volume: Сила на звука
-    Dropped / Total Frames: Отпаднали / Общо кадри
-    Mimetype: MIME тип
-    Buffered: Буферирани
-    Video statistics are not available for legacy videos: Статистиката не е налична
-      за наследени видеа
   Premieres on: Премиера на
   Premieres in: Премиери в
   Premieres: Премиерa
@@ -1135,10 +1107,6 @@ Tooltips:
       (1x, освен ако не е променена в настройките).
     Skip by Scrolling Over Video Player: Използване колелцето на мишката за превъртане
       на видео в стил MPV.
-    Allow DASH AV1 formats: Форматите DASH AV1 може да изглеждат по-добре от DASH
-      H.264. DASH AV1 форматите изискват повече енергия за възпроизвеждане! Те не
-      са налични за всички видеа, като в тези случаи плейърът ще използва DASH H.264
-      вместо тях.
   General Settings:
     Region for Trending: Регионът на набиращите популярност дава възможност да се
       избере страната, за която това се отнася.
diff --git a/static/locales/ca.yaml b/static/locales/ca.yaml
index b44ee60844e32..8a6cde9b9f7ac 100644
--- a/static/locales/ca.yaml
+++ b/static/locales/ca.yaml
@@ -536,11 +536,6 @@ Video:
   Published on: 'Publicat el'
   Publicationtemplate: '{number} {unit} fa'
 #& Videos
-  Audio:
-    High: Alta
-    Best: Millor
-    Low: Baixa
-    Medium: Mitjana
   Started streaming on: Retransmissió iniciada el
   Sponsor Block category:
     interaction: interacció
@@ -549,7 +544,6 @@ Video:
     intro: introducció
     outro: conclusió
     self-promotion: autopromoció
-  Skipped segment: Segment saltat
   External Player:
     Unsupported Actions:
       starting video at offset: començant el vídeo al punt donat
@@ -574,7 +568,6 @@ Video:
   Download Video: Descàrrega El Vídeo
   video only: només vídeo
   Streamed on: Retransmès en directe el
-  translated from English: traduït de l'anglès
 Videos:
   #& Sort By
   Sort By:
diff --git a/static/locales/ckb.yaml b/static/locales/ckb.yaml
index 8a1fb1c32d6ca..9362d730657f0 100644
--- a/static/locales/ckb.yaml
+++ b/static/locales/ckb.yaml
@@ -281,7 +281,6 @@ Settings:
       1440p: '١٤٤٠p'
       4k: '٤k'
       8k: '٨k'
-    Allow DASH AV1 formats: ''
     Screenshot:
       Enable: ''
       Format Label: ''
@@ -627,11 +626,6 @@ Video:
   Download Video: 'داگرتنی ڤیدیۆ'
   video only: 'تەنیا ڤیدیۆ'
   audio only: 'تەنیا دەنگ'
-  Audio:
-    Low: 'نزم'
-    Medium: 'مامناوەند'
-    High: 'بەرز'
-    Best: 'باشترین'
   Published:
     Jan: ''
     Feb: ''
@@ -665,9 +659,7 @@ Video:
   Published on: 'بڵاوکرایەوە لە'
   Streamed on: ''
   Started streaming on: ''
-  translated from English: ''
   Publicationtemplate: ''
-  Skipped segment: ''
   Sponsor Block category:
     sponsor: ''
     intro: ''
@@ -691,17 +683,6 @@ Video:
       reversing playlists: ''
       shuffling playlists: ''
       looping playlists: ''
-  Stats:
-    Video statistics are not available for legacy videos: ''
-    Video ID: ''
-    Resolution: ''
-    Player Dimensions: ''
-    Bitrate: ''
-    Volume: ''
-    Bandwidth: ''
-    Buffered: ''
-    Dropped / Total Frames: ''
-    Mimetype: ''
 #& Videos
   Unhide Channel: پیشاندانی کەناڵ
   Hide Channel: شاردنەوەی کەناڵ
@@ -799,7 +780,6 @@ Tooltips:
     Force Local Backend for Legacy Formats: ''
     Proxy Videos Through Invidious: ''
     Default Video Format: ''
-    Allow DASH AV1 formats: ''
     Scroll Playback Rate Over Video Player: ''
     Skip by Scrolling Over Video Player: ''
   External Player Settings:
diff --git a/static/locales/cs.yaml b/static/locales/cs.yaml
index 5fdb951399fca..0abbac54c7098 100644
--- a/static/locales/cs.yaml
+++ b/static/locales/cs.yaml
@@ -439,7 +439,6 @@ Settings:
       Folder Button: Vybrat složku
     Enter Fullscreen on Display Rotate: Při otočení displeje přejít na celou obrazovku
     Skip by Scrolling Over Video Player: Posouvat čas posuvem kolečka myši na přehrávači
-    Allow DASH AV1 formats: Povolit formáty DASH AV1
   Privacy Settings:
     Privacy Settings: 'Nastavení soukromí'
     Remember History: 'Zapamatovat historii'
@@ -882,11 +881,6 @@ Video:
   Download Video: 'Stáhnout Video'
   video only: 'pouze video'
   audio only: 'pouze zvuk'
-  Audio:
-    Low: 'Nízká'
-    Medium: 'Střední'
-    High: 'Vysoká'
-    Best: 'Nejlepší'
   Published:
     Jan: 'Leden'
     Feb: 'Únor'
@@ -927,7 +921,6 @@ Video:
   Save Video: Uložit video
   Video has been removed from your saved list: Video bylo odstraněno z vašeho uloženého
     seznamu
-  translated from English: přeloženo z angličtiny
   Sponsor Block category:
     music offtopic: Není hudba
     interaction: Interakce
@@ -937,7 +930,6 @@ Video:
     sponsor: Sponzor
     recap: Shrnutí
     filler: Výplň
-  Skipped segment: Přeskočen segment
   External Player:
     Unsupported Actions:
       opening specific video in a playlist (falling back to opening the video): Otevření
@@ -954,18 +946,6 @@ Video:
     video: video
     OpenInTemplate: Otevřít v {externalPlayer}
   Premieres on: Premiéra
-  Stats:
-    Mimetype: Typ int. média
-    Video statistics are not available for legacy videos: Statistiky videí nejsou
-      k dispozici pro starší videa
-    Video ID: ID videa
-    Resolution: Rozlišení
-    Player Dimensions: Rozměry přehrávače
-    Bitrate: Bitrate
-    Volume: Hlasitost
-    Bandwidth: Bandwidth
-    Buffered: V mezipaměti
-    Dropped / Total Frames: Vyřazené / Celkový počet snímků
   Premieres in: Premiéra za
   Premieres: Premiéra
   Show Super Chat Comment: Zobrazit komentář Super Chat
@@ -1102,9 +1082,6 @@ Tooltips:
       není změněná v nastavení).
     Skip by Scrolling Over Video Player: Pomocí rolovacího kolečka můžete video přeskakovat
       ve stylu MPV.
-    Allow DASH AV1 formats: Formáty DASH AV1 mohou vypadat lépe než formáty DASH H.264,
-      vyžadují ale k přehrávání větší výkon! Nejsou k dispozici u všech videí, v těchto
-      případech přehrávač místo nich použije formáty DASH H.264.
   Subscription Settings:
     Fetch Feeds from RSS: 'Je-li povoleno, FreeTube použije RSS místo své výchozí
       metody pro získání vašich odběrů. RSS je rychlejší a brání blokování IP, ale
diff --git a/static/locales/cy.yaml b/static/locales/cy.yaml
index b806ad505514f..89226f542daf6 100644
--- a/static/locales/cy.yaml
+++ b/static/locales/cy.yaml
@@ -284,7 +284,6 @@ Settings:
       1440p: '1440p'
       4k: '4k'
       8k: '8k'
-    Allow DASH AV1 formats: ''
     Screenshot:
       Enable: 'Galluogi Sgrinlun'
       Format Label: 'Fformat Sgrinluniau'
@@ -631,11 +630,6 @@ Video:
   Download Video: 'Lawrlwytho Fideo'
   video only: 'fideo yn unig'
   audio only: 'sain yn unig'
-  Audio:
-    Low: 'Isel'
-    Medium: 'Canolig'
-    High: 'Uwch'
-    Best: 'Gorau'
   Published:
     Jan: 'Ion'
     Feb: 'Chw'
@@ -669,9 +663,7 @@ Video:
   Published on: ''
   Streamed on: ''
   Started streaming on: ''
-  translated from English: ''
   Publicationtemplate: ''
-  Skipped segment: ''
   Sponsor Block category:
     sponsor: 'Noddwr'
     intro: 'Cyflwyniad'
@@ -695,17 +687,6 @@ Video:
       reversing playlists: ''
       shuffling playlists: ''
       looping playlists: ''
-  Stats:
-    Video statistics are not available for legacy videos: ''
-    Video ID: 'ID fideo'
-    Resolution: 'Eglurdeb'
-    Player Dimensions: ''
-    Bitrate: 'Cyfradd didau'
-    Volume: 'Sain'
-    Bandwidth: 'Lled band'
-    Buffered: ''
-    Dropped / Total Frames: ''
-    Mimetype: 'Math mime'
 #& Videos
 Videos:
   #& Sort By
@@ -801,7 +782,6 @@ Tooltips:
     Force Local Backend for Legacy Formats: ''
     Proxy Videos Through Invidious: ''
     Default Video Format: ''
-    Allow DASH AV1 formats: ''
     Scroll Playback Rate Over Video Player: ''
     Skip by Scrolling Over Video Player: ''
   External Player Settings:
diff --git a/static/locales/da.yaml b/static/locales/da.yaml
index 42695520e621b..d48775fb78d80 100644
--- a/static/locales/da.yaml
+++ b/static/locales/da.yaml
@@ -363,7 +363,6 @@ Settings:
     Scroll Playback Rate Over Video Player: Scroll Afspilningshastighed i Videoafspiller
     Scroll Volume Over Video Player: Scroll Lydstyrke i Videoafspiller
     Skip by Scrolling Over Video Player: Spring Over ved at Scrolle Over Videoafspilleren
-    Allow DASH AV1 formats: Tillad DASH AV1-formater
   Privacy Settings:
     Privacy Settings: 'Privatlivsindstillinger'
     Remember History: 'Husk Historik'
@@ -803,28 +802,10 @@ Video:
   Save Video: Gem Video
   Started streaming on: Begyndte at sende
   Streamed on: Sendt
-  Audio:
-    Best: Bedst
-    High: Høj
-    Medium: Middel
-    Low: Lav
   audio only: kun lyd
   video only: kun video
   Download Video: Hent Video
   Premieres on: Har premiere på
-  Stats:
-    Resolution: Skærmopløsning
-    Player Dimensions: Afspillerdimensioner
-    Bitrate: Bitrate
-    Volume: Lydstyrke
-    Bandwidth: Båndbredde
-    Buffered: Bufferet
-    Dropped / Total Frames: Tabte / Antal Billeder
-    Mimetype: Mimetype
-    Video statistics are not available for legacy videos: Videostatistikker er ikke
-      tilgængelige for gamle videoer
-    Video ID: Video ID
-  translated from English: oversat fra engelsk
   Sponsor Block category:
     intro: Intro
     sponsor: Sponsor
@@ -849,7 +830,6 @@ Video:
     video: video
     playlist: playliste
     UnsupportedActionTemplate: '{externalPlayer} understøtter ikke: {action}'
-  Skipped segment: Sprunget over segment
   Hide Channel: Skjul Kanal
   Unhide Channel: Vis Kanal
   'Live Chat is unavailable for this stream. It may have been disabled by the uploader.': Live
diff --git a/static/locales/de-DE.yaml b/static/locales/de-DE.yaml
index 2972c8e1b0045..5a87dce3bb7db 100644
--- a/static/locales/de-DE.yaml
+++ b/static/locales/de-DE.yaml
@@ -447,7 +447,6 @@ Settings:
         Unterordner zu erstellen.
     Enter Fullscreen on Display Rotate: Beim Drehen des Bildschirms zu Vollbild wechseln
     Skip by Scrolling Over Video Player: Überspringen durch Scrollen über den Videoabspieler
-    Allow DASH AV1 formats: DASH AV1-Formate zulassen
   Subscription Settings:
     Subscription Settings: Abo-Einstellungen
     Hide Videos on Watch: Videos bei Wiedergabe ausblenden
@@ -907,11 +906,6 @@ Video:
   Loop Playlist: Wiedergabeliste wiederholen
   Starting soon, please refresh the page to check again: Es beginnt bald, bitte aktualisiere
     die Seite, um es erneut zu überprüfen
-  Audio:
-    Best: Am besten
-    High: Hoch
-    Medium: Mittel
-    Low: Niedrig
   audio only: nur Audio
   video only: nur Video
   Download Video: Video herunterladen
@@ -925,7 +919,6 @@ Video:
     Videos entfernt
   Video has been saved: Video wurde gespeichert
   Save Video: Video speichern
-  translated from English: aus dem Englischen übersetzt
   Sponsor Block category:
     music offtopic: Musik Offtopic
     interaction: Interaktion
@@ -935,7 +928,6 @@ Video:
     sponsor: Sponsor
     recap: Rekapitulation
     filler: Füller
-  Skipped segment: Segment übersprungen
   External Player:
     OpenInTemplate: In {externalPlayer} öffnen
     Unsupported Actions:
@@ -952,26 +944,6 @@ Video:
     playlist: Wiedergabeliste
     video: Video
   Premieres on: Premiere am
-  Stats:
-    volume: Lautstärke
-    fps: BpS
-    frame drop: Bildverlust
-    bandwidth: Verbindungsgeschwindigkeit
-    out of: aus
-    player resolution: Ansichtsfenster
-    video id: Video-ID (YouTube)
-    buffered: Gepuffert
-    Video ID: Video-ID
-    Resolution: Auflösung
-    Player Dimensions: Abspieler-Größe
-    Bitrate: Bitrate
-    Volume: Lautstärke
-    Bandwidth: Bandbreite
-    Buffered: Gepuffert
-    Dropped / Total Frames: Entfallene / gesamte Einzelbilder
-    Mimetype: MIME-Typ
-    Video statistics are not available for legacy videos: Videostatistiken sind für
-      ältere Videos nicht verfügbar
   Premieres in: Premieren in
   Premieres: Premiere
   Show Super Chat Comment: Super-Chat-Kommentar anzeigen
@@ -1194,10 +1166,6 @@ Tooltips:
       (1x, sofern sie nicht in den Einstellungen geändert wurde).
     Skip by Scrolling Over Video Player: Verwende das Scrollrad, um durch das Video
       zu springen, MPV-Stil.
-    Allow DASH AV1 formats: DASH AV1-Formate können besser aussehen als DASH H.264-Formate.
-      Die DASH AV1-Formate benötigen mehr Leistung für die Wiedergabe! Sie sind nicht
-      bei allen Videos verfügbar. In diesen Fällen verwendet der Abspieler stattdessen
-      die DASH H.264-Formate.
   External Player Settings:
     Custom External Player Arguments: Alle benutzerdefinierten Befehlszeilenargumente,
       getrennt durch Semikolon (';'), die an den externen Abspieler übergeben werden
diff --git a/static/locales/el.yaml b/static/locales/el.yaml
index a6afd33e21bdc..facbd7d090fb8 100644
--- a/static/locales/el.yaml
+++ b/static/locales/el.yaml
@@ -303,7 +303,6 @@ Settings:
       Βίντεο
     Enter Fullscreen on Display Rotate: Μετάβαση στην Πλήρη Οθόνη κατά την Περιστροφή
       Οθόνης
-    Allow DASH AV1 formats: Να επιτρέπονται οι μορφές DASH AV1
   Privacy Settings:
     Privacy Settings: 'Ρυθμίσεις απορρήτου'
     Remember History: 'Διατήρηση ιστορικού'
@@ -778,11 +777,6 @@ Video:
   Published on: 'Δημοσιεύθηκε στις'
   Publicationtemplate: 'δημοσιεύθηκε πριν από {number} {unit}'
 #& Videos
-  Audio:
-    Best: Καλύτερο
-    High: Υψηλή
-    Medium: Μεσαία
-    Low: Χαμηλή
   Starting soon, please refresh the page to check again: Έναρξη σύντομα, παρακαλούμε
     κάντε ανανέωση της σελίδας για επανέλεγχο
   audio only: μόνο ήχος
@@ -798,7 +792,6 @@ Video:
     λίστα σας
   Video has been saved: Το βίντεο έχει αποθηκευτεί
   Save Video: Αποθήκευση βίντεο
-  translated from English: μεταφράστηκε από τα Αγγλικά
   Sponsor Block category:
     intro: Εισαγωγή
     interaction: Αλληλεπίδραση
@@ -825,26 +818,6 @@ Video:
     OpeningTemplate: Άνοιγμα {videoOrPlaylist} σε {externalPlayer}...
     UnsupportedActionTemplate: 'Το {externalPlayer} δεν υποστηρίζει: {action}'
   Premieres on: Πρεμιέρες στις
-  Stats:
-    video id: Αναγνωριστικό του βίντεο (YouTube)
-    player resolution: Θύρα προβολής
-    volume: Ένταση ήχου
-    fps: FPS
-    out of: από
-    frame drop: Πτώση καρέ
-    bandwidth: Ταχύτητα σύνδεσης
-    Mimetype: Τύπος αρχείου
-    Video statistics are not available for legacy videos: Τα στατιστικά βίντεο δεν
-      είναι διαθέσιμα για βίντεο παλαιού τύπου
-    Video ID: Αναγνωριστικό βίντεο
-    Resolution: Ανάλυση
-    Player Dimensions: Διαστάσεις αναπαραγωγής βίντεο
-    Bitrate: Ρυθμός μεταβίβασης δεδομένων
-    Volume: Ένταση
-    Bandwidth: Εύρος ζώνης
-    Buffered: Φορτωμένο
-    Dropped / Total Frames: Πτωμένα / Συνολικά Καρέ
-  Skipped segment: Τμήμα που παραλείφθηκε
   Show Super Chat Comment: Εμφάνιση Σχολίου Super Chat
   Scroll to Bottom: Κύλιση προς τα Κάτω
   Premieres: Πρεμιέρες
@@ -994,10 +967,6 @@ Tooltips:
       ρυθμό αναπαραγωγής (1x εκτός αν έχει αλλάξει στις ρυθμίσεις).
     Skip by Scrolling Over Video Player: Χρησιμοποιήστε τον τροχό κύλισης για να παρακάμψετε
       το βίντεο, στυλ MPV.
-    Allow DASH AV1 formats: Οι μορφές DASH AV1 μπορεί να φαίνονται καλύτερες από τις
-      μορφές DASH H.264. Οι μορφές DASH AV1 απαιτούν περισσότερη ισχύ για την αναπαραγωγή!
-      Δεν είναι διαθέσιμα σε όλα τα βίντεο, σε αυτές τις περιπτώσεις το πρόγραμμα
-      αναπαραγωγής θα χρησιμοποιήσει τις μορφές DASH H.264.
   General Settings:
     Region for Trending: Η περιοχή των τάσεων σας επιτρέπει να επιλέξετε τα δημοφιλή
       βίντεο της χώρας που θέλετε να εμφανίζονται.
diff --git a/static/locales/en-US.yaml b/static/locales/en-US.yaml
index ef1e6a8eb6963..9818747071258 100644
--- a/static/locales/en-US.yaml
+++ b/static/locales/en-US.yaml
@@ -422,7 +422,6 @@ Settings:
       1440p: 1440p
       4k: 4k
       8k: 8k
-    Allow DASH AV1 formats: Allow DASH AV1 formats
     Screenshot:
       Enable: Enable Screenshot
       Format Label: Screenshot Format
@@ -821,11 +820,6 @@ Video:
   Download Video: Download Video
   video only: video only
   audio only: audio only
-  Audio:
-    Low: Low
-    Medium: Medium
-    High: High
-    Best: Best
   Published:
     Jan: Jan
     Feb: Feb
@@ -859,9 +853,7 @@ Video:
   Published on: Published on
   Streamed on: Streamed on
   Started streaming on: Started streaming on
-  translated from English: translated from English
   Publicationtemplate: '{number} {unit} ago'
-  Skipped segment: Skipped segment
   Sponsor Block category:
     sponsor: Sponsor
     intro: Intro
@@ -885,17 +877,33 @@ Video:
       reversing playlists: reversing playlists
       shuffling playlists: shuffling playlists
       looping playlists: looping playlists
-  Stats:
-    Video statistics are not available for legacy videos: Video statistics are not available for legacy videos
-    Video ID: Video ID
-    Resolution: Resolution
-    Player Dimensions: Player Dimensions
-    Bitrate: Bitrate
-    Volume: Volume
-    Bandwidth: Bandwidth
-    Buffered: Buffered
-    Dropped / Total Frames: Dropped / Total Frames
-    Mimetype: Mimetype
+  Player:
+    TranslatedCaptionTemplate: '{language} (translated from "{originalLanguage}")'
+    Audio Tracks: Audio Tracks
+    Theatre Mode: Theater Mode
+    Exit Theatre Mode: Exit Theater Mode
+    Full Window: Full Window
+    Exit Full Window: Exit Full Window
+    Take Screenshot: Take Screenshot
+    Show Stats: Show Stats
+    Hide Stats: Hide Stats
+    Stats:
+      Stats: Stats
+      Video ID: 'Video ID: {videoId}'
+      Media Formats: 'Media Formats: {formats}'
+      Resolution: 'Resolution: {width}x{height}@{frameRate}'
+      Player Dimensions: 'Player Dimensions: {width}x{height}'
+      Bitrate: 'Bitrate: {bitrate} kbps'
+      Volume: 'Volume: {volumePercentage}%'
+      Bandwidth: 'Bandwidth: {bandwidth} kbps'
+      Buffered: 'Buffered: {bufferedPercentage}%'
+      Dropped Frames / Total Frames: 'Dropped Frames: {droppedFrames} / Total Frames: {totalFrames}'
+      CodecAudio: 'Codec: {audioCodec} ({audioItag})'
+      CodecsVideoAudio: 'Codecs: {videoCodec} ({videoItag}) / {audioCodec} ({audioItag})'
+      CodecsVideoAudioNoItags: 'Codecs: {videoCodec} / {audioCodec}'
+    You appear to be offline: You appear to be offline.
+    Playback will resume automatically when your connection comes back: Playback will resume automatically when your connection comes back.
+    Skipped segment: 'Skipped {segmentCategory} segment'
 #& Videos
 Videos:
   #& Sort By
@@ -935,6 +943,8 @@ Change Format:
     this video
   Audio formats are not available for this video: Audio formats are not available
     for this video
+  Legacy formats are not available for this video: Legacy formats are not available
+    for this video
 Share:
   Share Video: Share Video
   Share Channel: Share Channel
@@ -1018,9 +1028,6 @@ Tooltips:
     Default Video Format: Set the formats used when a video plays. DASH formats can
       play higher qualities. Legacy formats are limited to a max of 720p but use less
       bandwidth. Audio formats are audio only streams.
-    Allow DASH AV1 formats: DASH AV1 formats may look better than DASH H.264 formats.
-      DASH AV1 formats require more power to playback! They are not available on all videos,
-      in those cases the player will use the DASH H.264 formats instead.
     Scroll Playback Rate Over Video Player: While the cursor is over the video, press and
       hold the Control key (Command Key on Mac) and scroll the mouse wheel forwards or backwards to control
       the playback rate. Press and hold the Control key (Command Key on Mac) and left click the mouse
diff --git a/static/locales/en_GB.yaml b/static/locales/en_GB.yaml
index ae4bbf9366aee..153e3b48064b6 100644
--- a/static/locales/en_GB.yaml
+++ b/static/locales/en_GB.yaml
@@ -434,7 +434,6 @@ Settings:
       Ask Path: Ask for Save Folder
       File Name Label: Filename pattern
     Skip by Scrolling Over Video Player: Skip by scrolling over video player
-    Allow DASH AV1 formats: Allow DASH AV1 formats
   External Player Settings:
     External Player Settings: External Player Settings
     External Player: External Player
@@ -901,11 +900,6 @@ Video:
 #& Videos
   Started streaming on: Started streaming on
   Streamed on: Streamed on
-  Audio:
-    Best: Best
-    High: High
-    Medium: Medium
-    Low: Low
   audio only: audio only
   video only: video only
   Download Video: Download Video
@@ -917,7 +911,6 @@ Video:
     list
   Video has been saved: Video has been saved
   Save Video: Save Video
-  translated from English: translated from English
   Sponsor Block category:
     music offtopic: Music offtopic
     interaction: Interaction
@@ -927,7 +920,6 @@ Video:
     sponsor: Sponsor
     recap: Recap
     filler: Filler
-  Skipped segment: Skipped segment
   External Player:
     OpenInTemplate: Open in {externalPlayer}
     video: video
@@ -944,26 +936,6 @@ Video:
       shuffling playlists: shuffling playlists
       looping playlists: looping playlists
   Premieres on: Premieres on
-  Stats:
-    video id: Video ID (YouTube)
-    player resolution: Viewport
-    volume: Volume
-    frame drop: Frame Drop
-    buffered: Buffered
-    fps: FPS
-    bandwidth: Connection Speed
-    out of: out of
-    Player Dimensions: Player dimensions
-    Bitrate: Bitrate
-    Volume: Volume
-    Bandwidth: Bandwidth
-    Buffered: Buffered
-    Dropped / Total Frames: Dropped / Total frames
-    Mimetype: Media type
-    Resolution: Resolution
-    Video statistics are not available for legacy videos: Video statistics are not
-      available for legacy videos
-    Video ID: Video ID
   Premieres in: Premieres in
   Premieres: Premieres
   Show Super Chat Comment: Show Super Chat comment
@@ -975,6 +947,33 @@ Video:
   Hide Channel: Hide channel
   Unhide Channel: Show channel
   More Options: More options
+  Player:
+    TranslatedCaptionTemplate: '{language} (translated from ‘{originalLanguage}’)'
+    Audio Tracks: Audio Tracks
+    Theatre Mode: Theatre Mode
+    Exit Theatre Mode: Exit Theatre Mode
+    Full Window: Full Window
+    Exit Full Window: Exit Full Window
+    Take Screenshot: Take Screenshot
+    Show Stats: Show Stats
+    Hide Stats: Hide Stats
+    Stats:
+      Stats: Stats
+      Video ID: 'Video ID: {videoId}'
+      Media Formats: 'Media formats: {formats}'
+      Resolution: 'Resolution: {width}x{height}@{frameRate}'
+      Player Dimensions: 'Player dimensions: {width}x{height}'
+      Bitrate: 'Bitrate: {bitrate} kbps'
+      Volume: 'Volume: {volumePercentage}%'
+      Bandwidth: 'Bandwidth: {bandwidth} kbps'
+      Buffered: 'Buffered: {bufferedPercentage}%'
+      Dropped Frames / Total Frames: 'Dropped frames: {droppedFrames} / Total frames: {totalFrames}'
+      CodecAudio: 'Codec: {audioCodec} ({audioItag})'
+      CodecsVideoAudio: 'Codecs: {videoCodec} ({videoItag}) / {audioCodec} ({audioItag})'
+      CodecsVideoAudioNoItags: 'Codecs: {videoCodec} / {audioCodec}'
+    You appear to be offline: You appear to be offline.
+    Playback will resume automatically when your connection comes back: Playback will resume automatically when your connection comes back.
+    Skipped segment: 'Skipped {segmentCategory} segment'
 Videos:
   #& Sort By
   Sort By:
@@ -1106,9 +1105,6 @@ Tooltips:
       rate (1x unless it has been changed in the settings).
     Skip by Scrolling Over Video Player: Use the scroll wheel to skip through the
       video, MPV style.
-    Allow DASH AV1 formats: DASH AV1 formats may look better than DASH H.264 formats.
-      DASH AV1 formats require more power to playback! They are not available on all
-      videos, in those cases the player will use the DASH H.264 formats instead.
   General Settings:
     Region for Trending: The region of trends allows you to pick which country’s trending
       videos you want to have displayed.
diff --git a/static/locales/es-MX.yaml b/static/locales/es-MX.yaml
index 6f3b593981352..df77e215e81f8 100644
--- a/static/locales/es-MX.yaml
+++ b/static/locales/es-MX.yaml
@@ -541,29 +541,11 @@ Video:
   Reverse Playlist: Lista de reproducción invertida
   Shuffle Playlist: Lista de reproducción aleatoria
   Loop Playlist: Lista de reproducción en bucle
-  translated from English: traducido del inglés
-  Stats:
-    Mimetype: Tipo de medio
-    Resolution: Resolución
-    Player Dimensions: Tamaño del reproductor
-    Bitrate: Tasa de bits
-    Volume: Volumen
-    Bandwidth: Ancho de banda
-    Video statistics are not available for legacy videos: Estadísticas no disponibles
-      para videos heredados
-    Video ID: ID del video
-    Buffered: Amplificado
-    Dropped / Total Frames: Caídos / Fotogramas totales
   Video has been removed from your saved list: El video se ha eliminado de su lista
     de guardado
   Video has been saved: Video guardado
   Starting soon, please refresh the page to check again: Empezará pronto, por favor
     actualice la página para volver a revisar
-  Audio:
-    Best: Máxima
-    Low: Baja
-    Medium: Media
-    High: Alta
   External Player:
     Unsupported Actions:
       reversing playlists: revirtiendo listas
@@ -596,7 +578,6 @@ Video:
   Copy Invidious Channel Link: Copiar link del canal en Invidious
   Copy YouTube Channel Link: Copiar link del canal en YouTube
   Premieres on: En estreno
-  Skipped segment: Omitida esta parte
   Download Video: Descargar video
 Videos:
   #& Sort By
diff --git a/static/locales/es.yaml b/static/locales/es.yaml
index 23529fdb67b28..d25a2036b175e 100644
--- a/static/locales/es.yaml
+++ b/static/locales/es.yaml
@@ -441,7 +441,6 @@ Settings:
     Enter Fullscreen on Display Rotate: Entrar en pantalla completa al girar la pantalla
     Skip by Scrolling Over Video Player: Omitir al desplazarse sobre el reproductor
       de vídeo
-    Allow DASH AV1 formats: Permitir formatos DASH AV1
   Privacy Settings:
     Privacy Settings: 'Ajustes de Privacidad'
     Remember History: 'Recordar historial'
@@ -928,11 +927,6 @@ Video:
   Loop Playlist: Reproducción en bucle
   Starting soon, please refresh the page to check again: Comenzará en breve. Por favor,
     recarga la página para comprobarlo
-  Audio:
-    Best: Máxima
-    High: Alta
-    Medium: Media
-    Low: Baja
   audio only: audio únicamente
   video only: vídeo únicamente
   Download Video: Descargar vídeo
@@ -946,7 +940,6 @@ Video:
     de guardados
   Video has been saved: El vídeo ha sido guardado
   Save Video: Guardar el vídeo
-  translated from English: traducido del inglés
   Sponsor Block category:
     music offtopic: No relacionado con la música
     interaction: Interacción
@@ -956,7 +949,6 @@ Video:
     sponsor: Patrocinador
     recap: Recapitulación
     filler: Relleno
-  Skipped segment: Segmento saltado
   External Player:
     playlist: lista de reproducción
     video: vídeo
@@ -973,26 +965,6 @@ Video:
     UnsupportedActionTemplate: '{externalPlayer} no soporta: {action}'
     OpeningTemplate: Abriendo {videoOrPlaylist} en {externalPlayer}...
   Premieres on: Se estrena el
-  Stats:
-    bandwidth: Velocidad de conexión
-    volume: Volumen
-    video id: ID del vídeo (Youtube)
-    player resolution: Ventana
-    fps: FPS
-    frame drop: Pérdida de fotogramas
-    buffered: En buffer
-    out of: sin
-    Video statistics are not available for legacy videos: Las estadísticas de vídeo
-      no están disponibles para los vídeos heredados
-    Bitrate: Tasa de bits
-    Volume: Volumen
-    Mimetype: Tipo de medio
-    Resolution: Resolución
-    Player Dimensions: Dimensiones del reproductor
-    Bandwidth: Ancho de banda
-    Video ID: ID de vídeo
-    Buffered: En búfer
-    Dropped / Total Frames: Fotogramas Perdidos / Fotogramas Totales
   Premieres in: Estrenos en
   Premieres: Estrenos
   Show Super Chat Comment: Mostrar los comentarios del Super Chat
@@ -1149,10 +1121,6 @@ Tooltips:
       ajustes).
     Skip by Scrolling Over Video Player: Use la rueda de desplazamiento para saltar
       el vídeo, estilo MPV.
-    Allow DASH AV1 formats: Los formatos DASH AV1 pueden verse mejor que los formatos
-      DASH H.264. ¡Los formatos DASH AV1 requieren más potencia para reproducirse!
-      No están disponibles en todos los videos, en esos casos el reproductor usará
-      los formatos DASH H.264 en su lugar.
   General Settings:
     Region for Trending: La región de las tendencias permite ver los vídeos más populares
       en un país determinado.
diff --git a/static/locales/es_AR.yaml b/static/locales/es_AR.yaml
index 50e15c8a0d88a..c93edebd68143 100644
--- a/static/locales/es_AR.yaml
+++ b/static/locales/es_AR.yaml
@@ -274,7 +274,6 @@ Settings:
     Scroll Volume Over Video Player: Barra de volumen en el reproductor
     Skip by Scrolling Over Video Player: Saltar Deslizando sobre el Reproductor de
       Video
-    Allow DASH AV1 formats: Permitir formatos DASH AV1
     Scroll Playback Rate Over Video Player: Acelerar video con la rueda del mouse
     Fast-Forward / Rewind Interval: Período de Avance Rápido / Retroceso
     Video Playback Rate Interval: Intervalo entre velocidades del video
@@ -448,10 +447,6 @@ Channel:
     Tags:
       Search for: Buscar por «{tag}»
     Details: Detalles
-Video:
-  translated from English: traducido del inglés
-  Stats:
-    Mimetype: Tipo de medio
 Yes: 'Sí'
 No: 'No'
 A new blog is now available, {blogTitle}. Click to view more: 'Un nuevo blog está
diff --git a/static/locales/et.yaml b/static/locales/et.yaml
index 482cd17b77ec4..9e041fdc48f83 100644
--- a/static/locales/et.yaml
+++ b/static/locales/et.yaml
@@ -435,7 +435,6 @@ Settings:
         %s 2-numbriline videosekund. %t 3-numbriline video millisekund. %i video tunnus.
         Alamkaustade loomiseks võid kasutada ka „\“ või „/“.
     Skip by Scrolling Over Video Player: Jäta vahele, kerides üle videopleieri
-    Allow DASH AV1 formats: Luba DASH AV1 vormingud
     Enter Fullscreen on Display Rotate: Ekraani pööramisel ava täisekraanivaade
   Privacy Settings:
     Privacy Settings: 'Privaatsuse seadistused'
@@ -868,14 +867,8 @@ Video:
     videote loendist
   Video has been saved: Video on salvestatud
   Save Video: Salvesta video
-  translated from English: tõlgitud inglise keelest
   Started streaming on: Voogedastus algas
   Streamed on: Voogedastatud
-  Audio:
-    High: Kõrge kvaliteet
-    Medium: Keskmine kvaliteet
-    Low: Madal kvaliteet
-    Best: Parim kvaliteet
   audio only: vaid helivoog
   video only: vaid videovoog
   Download Video: Laadi video alla
@@ -888,7 +881,6 @@ Video:
     sponsor: Sponsor
     filler: Täitevideo
     recap: Kokkuvõte
-  Skipped segment: Vahelejäetud lõik
   External Player:
     UnsupportedActionTemplate: 'Rakenduses {externalPlayer} puudub tugi: {action}'
     OpeningTemplate: Avan {videoOrPlaylist} {externalPlayer} rakendusega...
@@ -905,26 +897,6 @@ Video:
       setting a playback rate: taasesituskiiruse määramine
       starting video at offset: video esitamine ajanihkega
   Premieres on: Esilinastub
-  Stats:
-    video id: YouTube video tunnus
-    player resolution: Vaate suurus
-    volume: Helivaljus
-    fps: FPS
-    frame drop: Vahelejäetud kaadreid
-    bandwidth: Võrguühenduse kiirus
-    buffered: Puhverdatud
-    out of: /
-    Bandwidth: Ribalaius
-    Bitrate: Bitikiirus
-    Volume: Helivaljus
-    Dropped / Total Frames: Vahele jäetud kaadreid / kaadreid kokku
-    Player Dimensions: Meediaesitaja mõõdud
-    Buffered: Puhverdatud
-    Video ID: Video tunnus
-    Mimetype: Meedia MIME-tüüp
-    Video statistics are not available for legacy videos: Vana tüüpi videote puhul
-      pole statistika saataval
-    Resolution: Resolutsioon
   Premieres: Esilinastus
   Show Super Chat Comment: Näita Super Chat'i kommentaare
   Scroll to Bottom: Keri alla
@@ -1099,10 +1071,6 @@ Tooltips:
       edasi ja tagasi. Tavakiiruse taastamiseks (kui sa seda seadistustest pole muutnud,
       siis on see 1x) hoia all Ctrl klahvi (Mac'is ⌘ klahvi) ja klõpsi hiire vasakut
       nuppu.
-    Allow DASH AV1 formats: DASH AV1 vormingu puhul pilt võib tunduda paremad kui
-      DASH H.264 puhul. DASH AV1 vormingu dekodeerimine kasutab esitamise ajal rohkem
-      energiat! See vorming ei ole saadaval kõikide videote puhul, mispuhul kasutab
-      videoesitaja selle asemel DASH H.264 vormingut.
     Skip by Scrolling Over Video Player: MPV-stiilis video läbilappamiseks kasuta
       hiire ratast.
   Distraction Free Settings:
diff --git a/static/locales/eu.yaml b/static/locales/eu.yaml
index bf40cbe56b292..9328e3a6004cd 100644
--- a/static/locales/eu.yaml
+++ b/static/locales/eu.yaml
@@ -440,7 +440,6 @@ Settings:
     Video Playback Rate Interval: Bideo Erreprodukzio-tasa tartea
     Skip by Scrolling Over Video Player: Saltatu bideo-erreproduzitzailean korrituz
     Enter Fullscreen on Display Rotate: Sartu pantaila osoko pantaila biratu pantailan
-    Allow DASH AV1 formats: Baimendu DASH AV1 formatuak
   Privacy Settings:
     Privacy Settings: 'Pribatutasunari buruzko ezarpenak'
     Remember History: 'Historikoa oroitu'
@@ -847,11 +846,6 @@ Video:
   Download Video: 'Bideoa deskargatu'
   video only: 'Bideoa soilik'
   audio only: 'Audioa soilik'
-  Audio:
-    Low: 'Eskasa'
-    Medium: 'Erdi-mailakoa'
-    High: 'Altua'
-    Best: 'Onena'
   Published:
     Jan: 'Urtarrila'
     Feb: 'Otsaila'
@@ -885,7 +879,6 @@ Video:
   Published on: 'Noiz argitaratua'
   Streamed on: 'Noiz zuzenean emana'
   Started streaming on: 'Noiz hasi zen zuzenekoa'
-  translated from English: 'Ingelesetik itzulia'
   Publicationtemplate: 'Duela {number} {unit}'
 #& Videos
   External Player:
@@ -903,18 +896,6 @@ Video:
     OpeningTemplate: '{videoOrPlaylist} irekitzen {externalPlayer}-an...'
     UnsupportedActionTemplate: '{externalPlayer}-k ez du onartzen: {action}'
     playlist: erreprodukzio zerrenda
-  Stats:
-    Video ID: Bideoaren identifikatzailea
-    Bitrate: biten tasa
-    Volume: Bolumena
-    Bandwidth: Banda zabalera
-    Buffered: Bufferera igota
-    Video statistics are not available for legacy videos: Bideoen estatistikak ez
-      daude eskuragarri legacy bideoentzat
-    Resolution: Bereizmena
-    Player Dimensions: Erreproduzitzailearen neurriak
-    Dropped / Total Frames: Bidalitako / Guztira Frame-ak
-    Mimetype: MIME mota
   Sponsor Block category:
     music offtopic: Gaiaz kanpoko musika
     interaction: Elkarrekintza
@@ -924,7 +905,6 @@ Video:
     recap: Laburpen
     filler: Betegarria
     intro: Sarrera
-  Skipped segment: Saltatu egin da segmentua
   Premieres on: Estreinaldiak
   Hide Channel: Kanala ezkutatu
   Unhide Channel: Kanala erakutsi
@@ -1065,10 +1045,6 @@ Tooltips:
       aldaketarik egin ez bada).
     Skip by Scrolling Over Video Player: Erabili korritze-gurpila bideoa saltatzeko,
       MPV estiloa.
-    Allow DASH AV1 formats: DASH AV1 formatuak DASH H.264 formatuak baino itxura hobea
-      izan dezake. DASH AV1 formatuek potentzia gehiago behar dute erreproduzitzeko!
-      Ez daude bideo guztietan eskuragarri, kasu horietan erreproduzitzaileak DASH
-      H.264 formatuak erabiliko ditu ordez.
   Subscription Settings:
     Fetch Feeds from RSS: 'Posible denean, Freetube-k bere lehenetsitako metodoa erabili
       beharrean RSS-ak baliatuko ditu zure harpidetzen jariora konektatzeko. RSS arinagoa
diff --git a/static/locales/fa.yaml b/static/locales/fa.yaml
index e225e3344c95c..8410a1646d9b1 100644
--- a/static/locales/fa.yaml
+++ b/static/locales/fa.yaml
@@ -284,7 +284,6 @@ Settings:
       Folder Label: پوشه اسکرین شات
       Folder Button: پوشه را انتخاب کنید
     Skip by Scrolling Over Video Player: با پیمایش روی پخش‌کننده ویدیو از آن بگذرید
-    Allow DASH AV1 formats: فرمت‌های DASH AV1 را مجاز کنید
   External Player Settings:
     External Player Settings: 'تنظیمات پخش کننده خارجی'
     External Player: 'پخش کننده خارجی'
@@ -575,12 +574,10 @@ Video:
     Ago: پیش
     Upcoming: اولین نمایش در
     In less than a minute: در کمتر از یک دقیقه
-  translated from English: ترجمه شده از انگلیسی
   Copy Invidious Link: لینک Invidious را کپی کنید
   Play Previous Video: پخش ویدیوی قبلی
   Autoplay: پخش خودکار
   Started streaming on: پخش جریانی را شروع کرد
-  Skipped segment: بخش رد شد
   'Chat is disabled or the Live Stream has ended.': چت غیرفعال است یا پخش زنده به
     پایان رسیده است.
   Copy YouTube Channel Link: لینک کانال یوتیوب را کپی کنید
@@ -601,11 +598,6 @@ Video:
   Live Now: زنده هم اکنون
   Save Video: ذخیره ویدیو
   Open in Invidious: در Invidious باز کنید
-  Audio:
-    Medium: متوسط
-    Best: بهترین
-    High: عالی
-    Low: کم
   Video has been removed from your saved list: ویدیو از لیست ذخیره شده شما حذف شده
     است
   Download Video: دانلود ویدیو
@@ -629,18 +621,6 @@ Video:
   audio only: فقط صدا
   Publicationtemplate: '{number} {unit} پیش'
   Video has been saved: ویدیو ذخیره شده است
-  Stats:
-    Dropped / Total Frames: حذف شده / مجموع فریم ها
-    Video ID: شناسه ویدیو
-    Player Dimensions: ابعاد پخش کننده
-    Bitrate: میزان بیت
-    Volume: درجه صدا
-    Bandwidth: پهنای باند
-    Buffered: بافر شده
-    Video statistics are not available for legacy videos: آمار ویدیویی برای ویدیوهای
-      قدیمی موجود نیست
-    Resolution: کیفیت
-    Mimetype: نوع مایم
   'Live Chat is currently not supported with the Invidious API. A direct connection to YouTube is required.': گفتگوی
     زنده در حال حاضر با Invidious API پشتیبانی نمی شود. اتصال مستقیم به YouTube مورد
     نیاز است.
@@ -681,10 +661,6 @@ Tooltips:
   Player Settings:
     Skip by Scrolling Over Video Player: از چرخ اسکرول برای رد شدن از ویدیو، سبک MPV
       استفاده کنید.
-    Allow DASH AV1 formats: فرمت‌های DASH AV1 ممکن است بهتر از فرمت‌های DASH H.264
-      به نظر برسند. فرمت های DASH AV1 برای پخش به قدرت بیشتری نیاز دارند! آنها در
-      همه ویدیوها در دسترس نیستند، در این موارد پخش کننده به جای آن از فرمت های DASH
-      H.264 استفاده می کند.
     Scroll Playback Rate Over Video Player: در حالی که مکان نما روی ویدیو است، کلید
       کنترل (کلید فرمان در مک) را فشار داده و نگه دارید و چرخ ماوس را به جلو یا عقب
       ببرید تا سرعت پخش را کنترل کنید. کلید کنترل (کلید فرمان در مک) را فشار داده
diff --git a/static/locales/fi.yaml b/static/locales/fi.yaml
index 3214b97bf01fc..dd60466ddfd5a 100644
--- a/static/locales/fi.yaml
+++ b/static/locales/fi.yaml
@@ -361,7 +361,6 @@ Settings:
         "\" tai "/" luodaksesi alikansioita.
     Enter Fullscreen on Display Rotate: Siirry koko näytön tilaan näyttöä kiertäessä
     Skip by Scrolling Over Video Player: Ohita vierittämällä videosoittimen yli
-    Allow DASH AV1 formats: Salli DASH AV1 -formaatit
   Subscription Settings:
     Subscription Settings: 'Tilausasetukset'
     Hide Videos on Watch: 'Piilota katsotut videot'
@@ -774,11 +773,6 @@ Video:
   Loop Playlist: Kierrätä soittolistaa
   Starting soon, please refresh the page to check again: Hetki pieni, päivitä sivu
     uudelleen
-  Audio:
-    Best: Paras
-    High: Korkea
-    Medium: Keskitaso
-    Low: Alhainen
   audio only: vain ääni
   video only: vain video
   Download Video: Lataa video
@@ -812,31 +806,10 @@ Video:
     sponsor: Sponsori
     recap: Kertaus
     filler: Täyte
-  Skipped segment: Ylihypätty osio
-  translated from English: käännetty englanninkielestä
   Video has been removed from your saved list: Video poistettiin tallennettujen videoiden
     luettelostasi
   Video has been saved: Video on tallennettu
   Save Video: Tallenna video
-  Stats:
-    video id: Videon tunniste (YouTube)
-    player resolution: Näkymäikkuna
-    bandwidth: Yhteyden nopeus
-    buffered: Puskuroitu
-    volume: Äänenvoimakkuus
-    fps: Kuvanopeus
-    out of: /
-    Video ID: Videotunnus
-    Bitrate: Tiedonsiirtonopeus
-    Bandwidth: Kaistanleveys
-    Mimetype: Internet-mediatyyppi
-    Video statistics are not available for legacy videos: Vanhojen videoiden videotilastot
-      eivät ole saatavilla
-    Player Dimensions: Soittimen mitat
-    Volume: Äänenvoimakkuus
-    Buffered: Puskuroitu
-    Resolution: Resoluutio
-    Dropped / Total Frames: Pudotettu / Yhteensä
   Premieres on: Julkaistaan
   Premieres: Ensilähetykset
   Show Super Chat Comment: Näytä Super Chat -kommentti
@@ -1035,10 +1008,6 @@ Tooltips:
       painettuna ja paina hiiren vasenta näppäintä.
     Skip by Scrolling Over Video Player: Käytä vieritysrullaa videon selaamiseen,
       MPV-tyyliin.
-    Allow DASH AV1 formats: DASH AV1 formaatit saattavat näyttää paremmalta kuin DASH
-      H.264 formaatit. DASH AV1 formaatit vaativat enemmän tehoa toistamiseen! Ne
-      eivät ole käytettävissä kaikissa videoissa ja näissä tapauksissa soitin käyttää
-      sen sijaan DASH H.264 formaatteja.
   External Player Settings:
     Custom External Player Arguments: Kaikki ne omavalintaiset komentorivin määreet,
       puolipisteillä eroteltuina (';'), jotka haluat siirtää eteenpäin ulkoiselle
diff --git a/static/locales/fr-FR.yaml b/static/locales/fr-FR.yaml
index 42eb4387c42b5..9da161e22d9b7 100644
--- a/static/locales/fr-FR.yaml
+++ b/static/locales/fr-FR.yaml
@@ -455,7 +455,6 @@ Settings:
       Folder Label: Dossier de capture d'écran
     Enter Fullscreen on Display Rotate: Entrer en plein écran sur l'affichage Rotation
     Skip by Scrolling Over Video Player: Sauter en faisant défiler le lecteur vidéo
-    Allow DASH AV1 formats: Autoriser les formats DASH AV1
   Subscription Settings:
     Subscription Settings: 'Paramètres des abonnements'
     Hide Videos on Watch: 'Masquer les vidéos visionnées'
@@ -918,11 +917,6 @@ Video:
   Loop Playlist: Liste de lecture en boucle
   Starting soon, please refresh the page to check again: Débute prochainement, veuillez
     actualiser la page pour vérifier à nouveau
-  Audio:
-    Best: Meilleure
-    Medium: Normale
-    Low: Basse
-    High: Haute
   audio only: audio uniquement
   video only: vidéo uniquement
   Download Video: Télécharger la vidéo
@@ -936,7 +930,6 @@ Video:
     enregistrée
   Video has been saved: La vidéo a été enregistrée
   Save Video: Enregistrer la vidéo
-  translated from English: traduit de l'anglais
   Sponsor Block category:
     music offtopic: Musique hors sujet
     interaction: Interaction
@@ -946,7 +939,6 @@ Video:
     intro: Intro
     filler: Bouche-trou
     recap: Récap
-  Skipped segment: Segment ignoré
   External Player:
     playlist: liste de lecture
     video: vidéo
@@ -963,26 +955,6 @@ Video:
     UnsupportedActionTemplate: '{externalPlayer} non pris en charge : {action}'
     OpeningTemplate: Ouverture de {videoOrPlaylist} en {externalPlayer}…
     OpenInTemplate: Ouvrir avec {externalPlayer}
-  Stats:
-    video id: "Identifiant de la vidéo (YouTube)"
-    player resolution: "Résolution du lecteur"
-    volume: "Volume"
-    fps: "IPS"
-    frame drop: "Perte d'image"
-    bandwidth: "Vitesse de connexion"
-    buffered: "En tampon"
-    out of: "sur"
-    Player Dimensions: Dimensions du lecteur
-    Bitrate: Débit binaire
-    Volume: Volume
-    Mimetype: Type de médias
-    Video statistics are not available for legacy videos: Les statistiques vidéo ne
-      sont pas disponibles pour les anciennes vidéos
-    Resolution: Résolution
-    Bandwidth: Bande passante
-    Video ID: Identifiant vidéo
-    Buffered: En mémoire tampon
-    Dropped / Total Frames: Images perdues / Nombre total d'images
   Premieres on: Avant-première le
   Premieres in: Première dans
   Premieres: Avant-première
@@ -1194,10 +1166,6 @@ Tooltips:
       de lecture par défaut (1x, sauf si elle a été modifiée dans les paramètres).
     Skip by Scrolling Over Video Player: Utilisez la molette de défilement pour passer
       d'une vidéo à l'autre, en style MPV.
-    Allow DASH AV1 formats: Les formats DASH AV1 peuvent être plus beaux que les formats
-      DASH H.264. Les formats DASH AV1 nécessitent plus de puissance pour être lus !
-      Ils ne sont pas disponibles sur toutes les vidéos, dans ce cas le lecteur utilisera
-      les formats DASH H.264 à la place.
   General Settings:
     Invidious Instance: L'instance Invidious à laquelle FreeTube se connectera pour
       les appels API.
diff --git a/static/locales/gl.yaml b/static/locales/gl.yaml
index a0c6945027581..d4d52fa2784b7 100644
--- a/static/locales/gl.yaml
+++ b/static/locales/gl.yaml
@@ -288,7 +288,6 @@ Settings:
     Max Video Playback Rate: Velocidade máxima da reprodución do vídeo
     Enter Fullscreen on Display Rotate: Poñase a pantalla enteira o xirala pantalla
     Skip by Scrolling Over Video Player: Saltar desprazándose polo reprodutor de vídeo
-    Allow DASH AV1 formats: Permitilos formatos DASH AV1
   Privacy Settings:
     Privacy Settings: 'Axustes de privacidade'
     Remember History: 'Lembrar histórico'
@@ -665,11 +664,6 @@ Video:
   Download Video: 'Descargar vídeo'
   video only: 'Só vídeo'
   audio only: 'Só audio'
-  Audio:
-    Low: 'Baixa'
-    Medium: 'Media'
-    High: 'Alta'
-    Best: 'Máxima'
   Published:
     Jan: 'Xan'
     Feb: 'Feb'
@@ -729,23 +723,9 @@ Video:
     sponsor: Patrocinador
     recap: Recapitulación
     filler: Recheo
-  Skipped segment: Segmento omitido
-  translated from English: traducido do inglés
   Video has been removed from your saved list: Eliminouse este vídeo da lista de gardados
   Video has been saved: Gardouse o vídeo
   Save Video: Gardar vídeo
-  Stats:
-    Player Dimensions: Dimensións do reproductor
-    Video ID: Identificador do video
-    Buffered: No bufer
-    Mimetype: Tipo de medio
-    Video statistics are not available for legacy videos: As estadísticas dos vídeo
-      non se atopan dispoñibles para os vídeos antigos
-    Bitrate: Taxa dos bits
-    Volume: Volume
-    Resolution: Resolución
-    Bandwidth: Ancho da banda
-    Dropped / Total Frames: Fotogramas Perdidos / Fotogramas Totales
   Premieres on: Estrease o
   Premieres: Estreos
   Show Super Chat Comment: Mostralos comentarios do Super Chat
@@ -867,10 +847,6 @@ Tooltips:
       que o modificase na configuración).
     Skip by Scrolling Over Video Player: Usala roda de desprazamento para saltalo
       vídeo, estilo MPV.
-    Allow DASH AV1 formats: Os formatos DASH AV1 poden parecer mellor que os formatos
-      DASH H.264. Os formatos DASH AV1 requiren máis potencia para reproducir. Non
-      están dispoñibles en todolos vídeos, neses casos o reprodutor utilizará os formatos
-      DASH H.264.
   Subscription Settings:
     Fetch Feeds from RSS: 'Cando está activado, FreeTube usará RSS no canto do método
       predeterminao para obter as subscricións. RSS é máis rápido e impide o bloqueo
diff --git a/static/locales/he.yaml b/static/locales/he.yaml
index 3af8747990d37..61a641bcba6a5 100644
--- a/static/locales/he.yaml
+++ b/static/locales/he.yaml
@@ -341,7 +341,6 @@ Settings:
         ב־3 ספרות. ‎%i מזהה הסרטון. אפשר להשתמש גם ב־„/” או ב־„\” כדי ליצור תת־תיקיות.
     Enter Fullscreen on Display Rotate: מעבר למסך מלא עם סיבוב התצוגה
     Skip by Scrolling Over Video Player: אפשר לדלג על ידי גלילה על נגן הווידאו
-    Allow DASH AV1 formats: לאפשר תצורות DASH AV1
   Privacy Settings:
     Privacy Settings: 'הגדרות פרטיות'
     Remember History: 'לזכור את היסטוריית הצפייה'
@@ -775,11 +774,6 @@ Video:
   Published on: 'פורסם'
   Publicationtemplate: 'לפני {number} {unit}'
 #& Videos
-  Audio:
-    Best: איכות הכי טובה
-    High: איכות גבוהה
-    Medium: איכות בינונית
-    Low: איכות נמוכה
   audio only: שמע בלבד
   video only: סרטון בלבד
   Download Video: להוריד סרטון
@@ -792,7 +786,6 @@ Video:
   Video has been removed from your saved list: הסרטון הוסר מרשימת השמורים שלך
   Video has been saved: סרטון נשמר
   Save Video: שמירת סרטון
-  translated from English: תורגם מאנגלית
   Premieres on: שידור הבכורה ב־
   Sponsor Block category:
     outro: סיום
@@ -818,26 +811,6 @@ Video:
       looping playlists: לולאה על רשימות נגינה
       opening specific video in a playlist (falling back to opening the video): פתיחת
         סרטון מסוים ברשימת נגינה (ייסוג לפתיחת הסרטון)
-  Skipped segment: קטע שדילגת עליו
-  Stats:
-    video id: מזהה סרטון (YouTube)
-    bandwidth: מהירות החיבור
-    out of: מתוך
-    volume: עוצמת שמע
-    buffered: בזיכרון
-    frame drop: השמטת תמוניות
-    fps: תמוניות לשנייה
-    Video statistics are not available for legacy videos: סטטיסטיקת וידאו אינה זמינה
-      לסרטונים ישנים
-    Video ID: מזהה וידאו
-    Resolution: רזולוציה
-    Player Dimensions: ממדי נגן
-    Bitrate: קצב סיביות
-    Volume: עצמת שמע
-    Bandwidth: רוחב פס
-    Buffered: שמור בזיכרון
-    Dropped / Total Frames: תמוניות שהושמטו / סה״כ
-    Mimetype: טיפוס MIME
   Premieres in: בכורה בעוד
   Premieres: בכורות
   Scroll to Bottom: גלילה לתחתית
@@ -971,9 +944,6 @@ Tooltips:
       בהגדרות).
     Skip by Scrolling Over Video Player: ניתן להשתמש בגלגלת כדי לדלג בתוך הסרטון,
       כמו ב־MPV.
-    Allow DASH AV1 formats: תסדירי DASH AV1 עשויים להיראות טוב יותר מתסדירי DASH H.264.
-      תסדירי DASH AV1 דורשים יותר חשמל כדי לנגן! הם אינם זמינים בכל הסרטונים, במקרים
-      האלה הנגן ישתמש בתסדירי DASH H.264 במקום.
   Subscription Settings:
     Fetch Feeds from RSS: כאשר אפשרות זו פעילה. FreeTube ישתמש ב־RSS במקום בשיטת ברירת
       המחדל לאיסוף הזנת המינויים שלך. RSS היא שיטה מהירה יותר ומונעת חסימת IP אבל
diff --git a/static/locales/hr.yaml b/static/locales/hr.yaml
index 660b6285532e9..dcc854f14875c 100644
--- a/static/locales/hr.yaml
+++ b/static/locales/hr.yaml
@@ -429,7 +429,6 @@ Settings:
     Enter Fullscreen on Display Rotate: Koristi cjeloekranski prikaz pri okretanju
       ekrana
     Skip by Scrolling Over Video Player: Preskoči pomicanjem preko video playera
-    Allow DASH AV1 formats: Dozvoli DASH AV1 formate
   Privacy Settings:
     Privacy Settings: 'Postavke privatnosti'
     Remember History: 'Zapamti povijest'
@@ -917,11 +916,6 @@ Video:
   Loop Playlist: Ponavljaj zbirku
   Starting soon, please refresh the page to check again: Uskoro počinje. Aktualiziraj
     stranicu za ponovnu provjeru
-  Audio:
-    Best: Najbolja
-    High: Visoka
-    Medium: Srednja
-    Low: Niska
   audio only: samo audiosnimku
   video only: samo video
   Download Video: Preuzmi video
@@ -935,7 +929,6 @@ Video:
     spremljenih
   Video has been saved: Video je spremljen
   Save Video: Spremi video
-  translated from English: prevedeno iz engleskog
   Sponsor Block category:
     music offtopic: Druga vrsta glazbe
     interaction: Interakcija
@@ -945,7 +938,6 @@ Video:
     sponsor: Sponzor
     recap: Rekapitulacija
     filler: Dodatni materijal
-  Skipped segment: Preskočeni segment
   External Player:
     Unsupported Actions:
       starting video at offset: pokretanje videa pri odmaku
@@ -962,26 +954,6 @@ Video:
     video: video
     OpenInTemplate: Otvori u {externalPlayer}
   Premieres on: Premijera
-  Stats:
-    fps: Kadrova u sekundi
-    player resolution: Rezolucija prikaza
-    video id: Video ID (YouTube)
-    volume: Glasnoća
-    frame drop: Ispuštanje kadrova
-    bandwidth: Brzina veze
-    buffered: Učitano u memoriju
-    out of: od
-    Video statistics are not available for legacy videos: Statistika videa nije dostupna
-      za stara videa
-    Video ID: Video ID
-    Resolution: Razlučivost
-    Player Dimensions: Dimenzije playera
-    Bitrate: Brzina prijenosa
-    Volume: Direktorij
-    Bandwidth: Propusnost
-    Buffered: Učitano u memoriju
-    Mimetype: Mimetype
-    Dropped / Total Frames: Ispušteni/ukupni kadrovi
   Premieres in: Premijera u
   Premieres: Premijere
   Show Super Chat Comment: Prikaži Super Chat komentar
@@ -1123,10 +1095,6 @@ Tooltips:
       brzinu reprodukcije (jednostruka brzina, ukoliko nije promijenjena u postavkama).
     Skip by Scrolling Over Video Player: Koristi kotačić za pregledavanje videa, MPV
       stil.
-    Allow DASH AV1 formats: DASH AV1 formati mogu izgledati bolje od DASH H.264 formata.
-      DASH AV1 formati zahtijevaju više kapaciteta za reprodukciju! Nisu dostupni
-      pri svim videima. U tim će slučajevima player umjesto njih koristiti DASH H.264
-      formate.
   General Settings:
     Invidious Instance: Invidious primjerak na koji će se FreeTube povezati za pozive
       API-a.
diff --git a/static/locales/hu.yaml b/static/locales/hu.yaml
index 44863449780f6..0f0dad7e20281 100644
--- a/static/locales/hu.yaml
+++ b/static/locales/hu.yaml
@@ -449,7 +449,6 @@ Settings:
     Video Playback Rate Interval: Videó lejátszási sebesség léptetési köze
     Enter Fullscreen on Display Rotate: Teljes képernyős mód a kijelzőn forgatáshoz
     Skip by Scrolling Over Video Player: Kihagyás a Videolejátszó felett görgetve
-    Allow DASH AV1 formats: DASH AV1 formátumok engedélyezése
   Privacy Settings:
     Privacy Settings: 'Adatvédelmi beállítások'
     Remember History: 'Előzmények megjegyzése'
@@ -935,11 +934,6 @@ Video:
   Published on: 'Megjelent'
   Publicationtemplate: '{number} {unit} ezelőtt'
 #& Videos
-  Audio:
-    Best: Legjobb
-    High: Magas
-    Medium: Közepes
-    Low: Alacsony
   audio only: csak hang
   video only: csak videó
   Download Video: Videó letöltése
@@ -952,7 +946,6 @@ Video:
   Video has been removed from your saved list: A videót eltávolítottuk a mentett listáról
   Video has been saved: A videó mentve
   Save Video: Videó mentése
-  translated from English: angolról fordítva
   Sponsor Block category:
     music offtopic: Témán kívüli zene
     interaction: Interakció
@@ -962,7 +955,6 @@ Video:
     sponsor: Szponzor
     filler: Kitöltő
     recap: Összegzés
-  Skipped segment: Kihagyott szegmens
   External Player:
     Unsupported Actions:
       looping playlists: lejátszási lista folyamatos lejátszása
@@ -981,18 +973,6 @@ Video:
     video: videó
     OpenInTemplate: 'Megnyitás itt: {externalPlayer}'
   Premieres on: 'Bemutató dátuma'
-  Stats:
-    Player Dimensions: Lejátszási méretek
-    Video ID: Videóazonosító
-    Video statistics are not available for legacy videos: Az örökölt videókhoz videóstatisztika
-      nem érhető el
-    Resolution: Felbontás
-    Mimetype: MIME-típus
-    Volume: Hangerő
-    Bandwidth: Sávszélesség
-    Buffered: Pufferelt
-    Dropped / Total Frames: Eldobott/Összes képkocka
-    Bitrate: Átviteli sebesség
   Premieres: Első előadások
   Show Super Chat Comment: Haladó csevegési hozzászólás megjelenítése
   Scroll to Bottom: Görgetés legalulra
@@ -1160,10 +1140,6 @@ Tooltips:
       (1x, hacsak nem módosították a beállításokban).
     Skip by Scrolling Over Video Player: MPV módban a görgetőkerék használatával kihagyhatja
       a videót.
-    Allow DASH AV1 formats: A DASH AV1 formátumok jobban nézhetnek ki, mint a DASH
-      H.264 formátumok. A DASH AV1 formátumok több energiát igényelnek a lejátszáshoz!
-      Nem minden videónál érhetők el, ilyenkor a lejátszó a DASH H.264 formátumot
-      használja helyette.
   External Player Settings:
     Custom External Player Executable: Alapértelmezés szerint a FreeTube feltételezi,
       hogy a kiválasztott külső lejátszó megtalálható a PATH (ÚTVONAL) környezeti
diff --git a/static/locales/id.yaml b/static/locales/id.yaml
index 09a8dfdf3b0a2..2fbd37655417c 100644
--- a/static/locales/id.yaml
+++ b/static/locales/id.yaml
@@ -328,7 +328,6 @@ Settings:
       Ask Path: Tanya Lokasi Penyimpanan
       Quality Label: Kualitas Tangkapan Layar
       File Name Label: Pola Nama Berkas
-    Allow DASH AV1 formats: Izinkan format DASH AV1
     Enter Fullscreen on Display Rotate: Masuk ke Layar Penuh ketika Perangkat Diputar
     Skip by Scrolling Over Video Player: Lewati dengan Menggulir Di Atas Pemutar Video
   Privacy Settings:
@@ -772,11 +771,6 @@ Video:
   Published on: 'Dipublikasi pada'
   Publicationtemplate: '{number} {unit} yang lalu'
 #& Videos
-  Audio:
-    Best: Terbaik
-    High: Tinggi
-    Medium: Sedang
-    Low: Rendah
   audio only: hanya audio
   video only: hanya video
   Download Video: Unduh Video
@@ -792,7 +786,6 @@ Video:
     Anda
   Video has been saved: Video telah disimpan
   Save Video: Simpan Video
-  translated from English: diterjemahkan dari Bahasa Inggris
   Sponsor Block category:
     interaction: Interaksi
     music offtopic: Musik Non-Topik
@@ -800,7 +793,6 @@ Video:
     outro: Outro
     intro: Intro
     sponsor: Sponsor
-  Skipped segment: Segmen yang dilewati
   External Player:
     Unsupported Actions:
       starting video at offset: memulai video pada offset
@@ -818,24 +810,6 @@ Video:
     video: video
     OpenInTemplate: Buka di {externalPlayer}
   Premieres on: Pemutaran Perdana pada
-  Stats:
-    bandwidth: Kecepatan Koneksi
-    volume: Volume
-    fps: FPS
-    video id: ID Video (YouTube)
-    frame drop: Frame Drop
-    buffered: Buffered
-    player resolution: Area pandang
-    out of: keluar dari
-    Bandwidth: Bandwidth
-    Video statistics are not available for legacy videos: Statistik video tidak tersedia
-      untuk video dengan format lawas
-    Video ID: ID Video
-    Resolution: Resolusi
-    Volume: Volume
-    Mimetype: Tipe Mime
-    Player Dimensions: Ukuran Pemutar
-    Bitrate: Laju Bit
   Hide Channel: Sembunyikan Kanal
   Upcoming: Akan Datang
 Videos:
diff --git a/static/locales/is.yaml b/static/locales/is.yaml
index 4aeb1350c226b..92ff533721d14 100644
--- a/static/locales/is.yaml
+++ b/static/locales/is.yaml
@@ -445,7 +445,6 @@ Settings:
       File Name Label: Mynstur skráaheita
     Enter Fullscreen on Display Rotate: Fara í skjáfylli við snúning á skjá
     Skip by Scrolling Over Video Player: Sleppa með því að skruna ofan á myndspilara
-    Allow DASH AV1 formats: Leyfa DASH AV1 snið
   Privacy Settings:
     Privacy Settings: 'Stillingar gagnaleyndar'
     Remember History: 'Muna áhorfsferil'
@@ -849,11 +848,6 @@ Video:
   Download Video: 'Sækja myndskeið'
   video only: 'einungis myndmerki'
   audio only: 'einungis hljóð'
-  Audio:
-    Low: 'Lág'
-    Medium: 'Miðlungs'
-    High: 'Há'
-    Best: 'Besta'
   Published:
     Jan: 'Jan'
     Feb: 'Feb'
@@ -890,7 +884,6 @@ Video:
   Started streaming on: 'Byrjaði streymi'
   Publicationtemplate: 'Fyrir {number} {unit} síðan'
 #& Videos
-  translated from English: þýtt úr ensku
   Sponsor Block category:
     music offtopic: Tónlist óskyld efni
     interaction: Gagnvirkni
@@ -900,7 +893,6 @@ Video:
     outro: Afkynning
     recap: Upprifjun
     filler: Uppfylling
-  Skipped segment: Búti sleppt
   External Player:
     Unsupported Actions:
       looping playlists: endurtaka spilunarlista
@@ -917,26 +909,6 @@ Video:
     video: myndskeið
     OpenInTemplate: Opna í {externalPlayer}
   Premieres on: Frumsýnt
-  Stats:
-    player resolution: Myndgluggi
-    fps: r/sek
-    bandwidth: Hraði tengingar
-    buffered: Í biðminni
-    out of: af
-    frame drop: Rammatap
-    video id: Auðkenni myndskeiðs (YouTube)
-    volume: Hljóðstyrkur
-    Video ID: Auðkenni myndmerkis
-    Resolution: Upplausn
-    Player Dimensions: Stærðir spilara
-    Bandwidth: Bandbreidd
-    Buffered: Biðminni
-    Dropped / Total Frames: Sleppt / Fjöldi ramma
-    Mimetype: MIME-tegund
-    Video statistics are not available for legacy videos: Tölfræði myndskeiða er ekki
-      í boði fyrir eldri gerðir myndskeiða
-    Bitrate: Bitahraði
-    Volume: Hljóðstyrkur
   Premieres in: Frumsýnt eftir
   Premieres: Frumsýnt
   Show Super Chat Comment: Birta athugasemd Super Chat
@@ -1073,9 +1045,6 @@ Tooltips:
       breytt í stillingunum).
     Skip by Scrolling Over Video Player: Nota skrunhjólið til að fletta í gegnum myndskeið,
       svipað og í MPV.
-    Allow DASH AV1 formats: DASH AV1 snið geta litið betur út en DASH H.264 snið.
-      DASH AV1 snið krefjast hins vegar meira afls í afspilun! Það er ekki til taks
-      í öllum myndskeiðum, þá mun spilarinn nota DASH H.264 snið í staðinn.
   Subscription Settings:
     Fetch Feeds from RSS: 'Þegar þetta er virkt, mun FreeTube nota RSS í stað sjálfgefinnar
       aðferðar við að safna streymi áskriftarinnar þinnar. RSS er hraðvirkara og kemur
diff --git a/static/locales/it.yaml b/static/locales/it.yaml
index a855085853555..65bac12b77937 100644
--- a/static/locales/it.yaml
+++ b/static/locales/it.yaml
@@ -439,7 +439,6 @@ Settings:
         del video 3 cifre. %i ID video. Puoi anche usare \ o / per creare sottocartelle.
     Enter Fullscreen on Display Rotate: Entra a schermo intero su Ruota schermo
     Skip by Scrolling Over Video Player: Salta tramite scorrimento sul lettore video
-    Allow DASH AV1 formats: Consenti formati DASH AV1
   Privacy Settings:
     Privacy Settings: 'Impostazioni della privacy'
     Remember History: 'Salva la cronologia'
@@ -887,11 +886,6 @@ Video:
   Autoplay: Riproduzione automatica
   Starting soon, please refresh the page to check again: La riproduzione partirà tra
     breve, aggiorna la pagina per ricontrollare
-  Audio:
-    Best: Migliore
-    High: Alto
-    Medium: Medio
-    Low: Basso
   audio only: solo audio
   video only: solo video
   Download Video: Download video
@@ -929,29 +923,7 @@ Video:
     sponsor: Sponsor
     recap: Ricapitolazione
     filler: Riempitivo
-  Skipped segment: Segmento saltato
-  translated from English: tradotto dall'inglese
   Premieres on: Première il
-  Stats:
-    volume: Volume
-    fps: FPS
-    frame drop: Perdita di immagine
-    buffered: Bufferizzato
-    bandwidth: Velocità di connessione
-    out of: per
-    video id: ID video (YouTube)
-    player resolution: Finestra di visualizzazione
-    Video statistics are not available for legacy videos: Le statistiche sui video
-      non sono disponibili per i video obsoleti
-    Video ID: ID video
-    Resolution: Risoluzione
-    Player Dimensions: Dimensioni del lettore
-    Bitrate: Velocità di trasmissione
-    Volume: Volume
-    Bandwidth: Larghezza di banda
-    Buffered: Memoria buffer
-    Dropped / Total Frames: Frame persi / Frame totali
-    Mimetype: Tipo di media
   Premieres in: Anteprima in
   Premieres: Première
   Scroll to Bottom: Scorri fino in fondo
@@ -1149,10 +1121,6 @@ Tooltips:
       nelle Impostazioni).
     Skip by Scrolling Over Video Player: Usa la rotella di scorrimento per saltare
       il video, in stile MPV.
-    Allow DASH AV1 formats: I formati DASH AV1 possono avere un aspetto migliore dei
-      formati DASH H.264. I formati DASH AV1 richiedono più potenza per la riproduzione!
-      Non sono disponibili su tutti i video, in questo caso il lettore userà invece
-      i formati DASH H.264.
   Subscription Settings:
     Fetch Feeds from RSS: Se abilitato, FreeTube userà gli RSS invece del metodo standard
       per leggere le iscrizioni. Gli RSS sono più veloci e impediscono il blocco dell'IP,
diff --git a/static/locales/ja.yaml b/static/locales/ja.yaml
index 8d0053b0277aa..c1258b4ee1316 100644
--- a/static/locales/ja.yaml
+++ b/static/locales/ja.yaml
@@ -123,7 +123,7 @@ Playlists: '再生リスト'
 User Playlists:
   Your Playlists: 'あなたの再生リスト'
   Your saved videos are empty. Click on the save button on the corner of a video to have it listed here: 保存した動画はありません。一覧に表示させるには、ビデオの角にある保存ボタンをクリックします
-  Playlist Message: 
+  Playlist Message:
     このページは完全に機能する再生リストを反映していません。保存した動画やお気に入りの動画のみが表示されます。作業が完了すると、現在ここにあるすべての動画は「Favorites」の再生リストに移行されます。
   Search bar placeholder: 再生リストの検索
   Empty Search Message: この再生リストに、検索に一致する動画はありません
@@ -165,7 +165,7 @@ User Playlists:
       Playlist name cannot be empty. Please input a name.: 再生リストの名前は空白にできません。名前を入力してください.
       Reverted to use {oldPlaylistName} for quick bookmark: クイックブックマークを {oldPlaylistName}
         に戻しました
-      "{videoCount} video(s) have been removed": 1 本の動画を削除しました | {video Count} 本の動画を削除しました
+      "{videoCount} video(s) have been removed": 1 本の動画を削除しました | {videoCount} 本の動画を削除しました
       Playlist {playlistName} has been deleted.: 再生リスト {playlistName} が削除されました。
       There were no videos to remove.: 削除する動画はありません。
       This playlist does not exist: この再生リストは存在しません
@@ -395,7 +395,6 @@ Settings:
       Folder Button: フォルダの選択
     Enter Fullscreen on Display Rotate: 画面の回転時に全画面表示にする
     Skip by Scrolling Over Video Player: 動画プレーヤーをスクロールして動画をスキップ
-    Allow DASH AV1 formats: DASH AV1形式を許可
   Subscription Settings:
     Subscription Settings: '登録チャンネルの設定'
     Hide Videos on Watch: '視聴済みの動画を非表示にする'
@@ -597,7 +596,7 @@ Settings:
   Experimental Settings:
     Replace HTTP Cache: HTTP キャッシュの置換
     Experimental Settings: 実験中の設定
-    Warning: 
+    Warning:
       これらの設定は実験的なものであり、有効にするとアプリのクラッシュを引き起こす恐れがあります。バックアップをとっておくことを強くお勧めします。自己責任で使用してください！
   Password Settings:
     Password Settings: パスワードの設定
@@ -785,11 +784,6 @@ Video:
   Shuffle Playlist: 再生リストをシャッフル
   Loop Playlist: 再生リストのループ
   Starting soon, please refresh the page to check again: すぐに再生されます、ページを再読み込みしてお待ちください
-  Audio:
-    Best: 最適
-    High: 高
-    Medium: 中
-    Low: 低
   audio only: '音声のみ'
   video only: '映像のみ'
   Download Video: '動画のダウンロード'
@@ -802,7 +796,6 @@ Video:
   Video has been removed from your saved list: 動画を保存一覧から削除しました
   Video has been saved: 動画を保存しました
   Save Video: 動画の保存
-  translated from English: 英語から翻訳
   Sponsor Block category:
     sponsor: スポンサー
     music offtopic: 音楽以外
@@ -812,7 +805,6 @@ Video:
     intro: イントロ（冒頭）
     recap: 要約
     filler: フィラー（穴埋め）
-  Skipped segment: スキップされたセグメント
   External Player:
     OpeningTemplate: '{externalPlayer} で {videoOrPlaylist} を開く...'
     Unsupported Actions:
@@ -829,25 +821,6 @@ Video:
     video: 動画
     OpenInTemplate: '{externalPlayer} で開く'
   Premieres on: プレミア公開日時
-  Stats:
-    player resolution: 表示領域
-    fps: FPS
-    frame drop: コマ落ち
-    buffered: バッファー
-    video id: Video ID (YouTube)
-    volume: 音量
-    bandwidth: 接続速度
-    out of: のうち
-    Mimetype: メディアタイプ
-    Video ID: ビデオ ID
-    Resolution: 解像度
-    Bitrate: ビットレート
-    Volume: 音量
-    Buffered: バッファー
-    Player Dimensions: プレーヤーのサイズ
-    Video statistics are not available for legacy videos: 従来のビデオでは、ビデオ統計を使用できません
-    Bandwidth: 帯域幅
-    Dropped / Total Frames: ドロップ率 / 総フレーム数
   Premieres in: 配信開始まで
   Premieres: プレミア公開
   Show Super Chat Comment: Super Chat のコメント表示
@@ -1020,8 +993,6 @@ Tooltips:
     Scroll Playback Rate Over Video Player: カーソルが動画上にあるとき、Ctrl キー（Mac では Command キー）を押したまま、マウスホイールを前後にスクロールして再生速度を調整します。Control
       キー（Mac では Command キー）を押したままマウスを左クリックすると、すぐにデフォルトの再生速度（設定を変更していない場合は 1 x）に戻ります。
     Skip by Scrolling Over Video Player: MPVスタイルでスクロールホイールを使って動画をスキップします。
-    Allow DASH AV1 formats: DASH H.264形式よりもDASH AV1形式の方がきれいに見える可能性がありますが、再生にはより多くの処理能力が必要となります。DASH
-      AV1形式を使用できない場合、プレイヤーはDASH H.264形式を自動で使用します。
   General Settings:
     Invidious Instance: FreeTube が API 呼び出しのために接続する Invidious のインスタンスです。
     Preferred API Backend: FreeTube がデータを取得するために使用する方法を選択してください。内部 API はアプリ内蔵の取得機能です。
@@ -1049,7 +1020,7 @@ Tooltips:
       ID は、大文字と小文字を区別するので完全に一致させてください。
     Hide Subscriptions Live: この設定は、アプリ全体の "{appWideSetting}" 設定により上書きされます。"{settingsSection}"
       項目の "{subsection}" にあります
-    Hide Videos and Playlists Containing Text: FreeTube 
+    Hide Videos and Playlists Containing Text: FreeTube
       全体での履歴やあなたの再生リストと再生リスト内の動画を除き、元のタイトルにその単語を含む動画や単語の一部または、フレーズ（大文字と小文字を区別しない）が含まれているすべての動画と再生リストを非表示にします。
   SponsorBlock Settings:
     UseDeArrowTitles: 動画のタイトルを DeArrow からユーザーが投稿したタイトルに置き換えます。
diff --git a/static/locales/ko.yaml b/static/locales/ko.yaml
index 4fd3d4d105506..e0a9eaee21624 100644
--- a/static/locales/ko.yaml
+++ b/static/locales/ko.yaml
@@ -269,7 +269,6 @@ Settings:
       File Name Tooltip: 아래 변수를 사용할 수 있습니다. %Y 년 4자리. %M 월 2자리. %D 일 2자리. %H 시간 2자리.
         %N 분 2자리. %S 초 2자리. %T 밀리초 3자리. %s 비디오초. %t 비디오 밀리초 3자리. %i 비디오 ID. "\" 또는
         "/" 를 사용하여 하위 폴더를 만들 수도 있습니다.
-    Allow DASH AV1 formats: DASH AV1 포맷 허용
     Skip by Scrolling Over Video Player: 비디오 플레이어를 스크롤하여 건너뛰기
     Enter Fullscreen on Display Rotate: 화면 회전 시 전체화면 활성화하기
   Privacy Settings:
@@ -552,11 +551,6 @@ Video:
   Download Video: '동영상 다운로드'
   video only: '비디오만'
   audio only: '오디오만'
-  Audio:
-    Low: '낮음'
-    Medium: '중간'
-    High: '높음'
-    Best: '최고'
   Published:
     Jan: '1월'
     Feb: '2월'
@@ -595,18 +589,6 @@ Video:
   Video has been saved: 동영상이 저장되었습니다
   Video has been removed from your saved list: 저장된 목록에서 동영상이 제거되었습니다
   Save Video: 비디오 저장
-  Stats:
-    Mimetype: 미디어 타입
-    Video statistics are not available for legacy videos: 레거시 비디오에 대한 비디오 통계를 사용할
-      수 없습니다
-    Player Dimensions: 플레이어 치수
-    Bandwidth: 대역폭
-    Video ID: 비디오 ID
-    Resolution: 해상도
-    Bitrate: 비트 전송률
-    Volume: 음량
-    Buffered: 버퍼링된
-    Dropped / Total Frames: 손실된 / 총 프레임 수
   Premieres on: 개봉일
   External Player:
     Unsupported Actions:
@@ -632,8 +614,6 @@ Video:
     outro: 결말부
     self-promotion: 자기 홍보
     interaction: 상호 작용
-  translated from English: 영어에서 번역됨
-  Skipped segment: 건너뛴 세그먼트
   Premieres: 프리미어
   Upcoming: 공개 예정
   Show Super Chat Comment: 슈퍼채팅 댓글 보이기
@@ -733,8 +713,6 @@ Tooltips:
     Scroll Playback Rate Over Video Player: 커서가 비디오 위에 있는 동안 Control 키( Mac의 경우 Command
       키)를 길게 누르고 마우스 휠을 앞뒤로 스크롤하여 재생 속도를 제어합니다. Control 키 (Mac의 경우 Command 키)를 길게
       누르고 마우스 왼쪽 버튼을 클릭하여 기본 재생 속도(설정에서 변경되지 않은 경우 1배)로 빠르게 돌아갑니다.
-    Allow DASH AV1 formats: DASH AV1 포맷은 DASH H.264 포맷보다 화질이 좋을 수 있으나, 영상 재생을 위해 더
-      높은 성능을 요구합니다. 모든 영상에서 사용 가능한 것은 아니며, 사용이 불가능할 경우 DASH H.264 포맷을 사용합니다.
     Skip by Scrolling Over Video Player: MPV 방식으로 마우스 스크롤을 이용해 영상을 스킵합니다.
   Subscription Settings:
     Fetch Feeds from RSS: '활성화되면 FreeTube는 구독 피드를 가져오는 기본 방법 대신 RSS를 사용합니다. RSS는 더
diff --git a/static/locales/lt.yaml b/static/locales/lt.yaml
index 8d53372268df8..a55bea916d154 100644
--- a/static/locales/lt.yaml
+++ b/static/locales/lt.yaml
@@ -294,7 +294,6 @@ Settings:
     Max Video Playback Rate: Maksimalus vaizdo įrašų atkūrimo dažnis
     Enter Fullscreen on Display Rotate: Viso ekrano režimas pasukus ekraną
     Skip by Scrolling Over Video Player: Praleiskite slinkdami per vaizdo grotuvą
-    Allow DASH AV1 formats: Leisti DASH AV1 formatus
   External Player Settings:
     External Player Settings: 'Išorinio grotuvo nustatymai'
     External Player: 'Išorinis grotuvas'
@@ -608,11 +607,6 @@ Video:
   Download Video: 'Atsisiųsti vaizdo įrašą'
   video only: 'tik video'
   audio only: 'tik audio'
-  Audio:
-    Low: 'Žemiausia'
-    Medium: 'Vidutinė'
-    High: 'Aukščiausia'
-    Best: 'Pati geriausia'
   Published:
     Jan: 'Sau'
     Feb: 'Vas'
@@ -646,9 +640,7 @@ Video:
   Published on: 'Publikuota'
   Streamed on: 'Transliuota'
   Started streaming on: 'Transliaciją pradėjo'
-  translated from English: 'išversta iš anglų kalbos'
   Publicationtemplate: 'prieš {number} {unit}'
-  Skipped segment: 'Praleistas segmentas'
   Sponsor Block category:
     sponsor: 'Rėmėjas'
     intro: 'Įžanga'
@@ -675,26 +667,6 @@ Video:
       looping playlists: 'ciklu sukami grojaraščiai'
 #& Videos
   Premieres on: Premjera
-  Stats:
-    video id: Vaizdo įrašo ID (YouTube)
-    player resolution: Peržiūros sritis
-    fps: Kadrai per sekundę (FPS)
-    frame drop: Praleisti kadrai
-    bandwidth: Ryšio greitis
-    buffered: Užkrauta atmintyje
-    volume: Garsas
-    out of: iš
-    Video ID: Vaizdo įrašo ID
-    Resolution: Rezoliucija
-    Bitrate: Bitų sparta
-    Bandwidth: Pralaidumas
-    Volume: Apimtis
-    Player Dimensions: Grotuvo matmenys
-    Video statistics are not available for legacy videos: Vaizdo įrašų statistika
-      nepateikiama seniems vaizdo įrašams
-    Dropped / Total Frames: Pamesti / Iš viso kadrų
-    Mimetype: Mimetipas
-    Buffered: Buferizuota
   Premieres: Premjera
 Videos:
   #& Sort By
diff --git a/static/locales/lv.yaml b/static/locales/lv.yaml
index b8b4296185661..eef650e6d4792 100644
--- a/static/locales/lv.yaml
+++ b/static/locales/lv.yaml
@@ -279,7 +279,6 @@ Settings:
       1440p: '1440p'
       4k: '4k'
       8k: '8k'
-    Allow DASH AV1 formats: 'Atļaut DASH AV1 formātus'
     Screenshot:
       Enable: 'Iespējot ekrānšāviņu'
       Format Label: 'Ekrānšāviņa formāti'
@@ -628,11 +627,6 @@ Video:
   Download Video: ''
   video only: ''
   audio only: ''
-  Audio:
-    Low: ''
-    Medium: ''
-    High: ''
-    Best: ''
   Published:
     Jan: ''
     Feb: ''
@@ -666,9 +660,7 @@ Video:
   Published on: ''
   Streamed on: ''
   Started streaming on: ''
-  translated from English: ''
   Publicationtemplate: ''
-  Skipped segment: ''
   Sponsor Block category:
     sponsor: ''
     intro: ''
@@ -692,17 +684,6 @@ Video:
       reversing playlists: ''
       shuffling playlists: ''
       looping playlists: ''
-  Stats:
-    Video statistics are not available for legacy videos: ''
-    Video ID: ''
-    Resolution: ''
-    Player Dimensions: ''
-    Bitrate: ''
-    Volume: ''
-    Bandwidth: ''
-    Buffered: ''
-    Dropped / Total Frames: ''
-    Mimetype: ''
 #& Videos
 Videos:
   #& Sort By
@@ -798,7 +779,6 @@ Tooltips:
     Force Local Backend for Legacy Formats: ''
     Proxy Videos Through Invidious: ''
     Default Video Format: ''
-    Allow DASH AV1 formats: ''
     Scroll Playback Rate Over Video Player: ''
     Skip by Scrolling Over Video Player: ''
   External Player Settings:
diff --git a/static/locales/nb_NO.yaml b/static/locales/nb_NO.yaml
index ad57f049fff07..f3558d6f6b39c 100644
--- a/static/locales/nb_NO.yaml
+++ b/static/locales/nb_NO.yaml
@@ -276,7 +276,6 @@ Settings:
     Video Playback Rate Interval: Intervall for videoavspillingshastighet
     Enter Fullscreen on Display Rotate: Fullskjermsvisning når skjermen roteres
     Skip by Scrolling Over Video Player: Hopp over ved å rulle over videoavspiller
-    Allow DASH AV1 formats: Tillat DASH AV1-formater
   Privacy Settings:
     Privacy Settings: 'Personvernsinnstillinger'
     Remember History: 'Husk historikk'
@@ -628,11 +627,6 @@ Video:
   Published on: 'Publisert'
   Publicationtemplate: '{number} {unit} siden'
 #& Videos
-  Audio:
-    High: Høy
-    Medium: Middels
-    Low: Lav
-    Best: Beste
   audio only: Bare lyd
   video only: Bare video
   Download Video: Last ned video
@@ -654,7 +648,6 @@ Video:
   Open Channel in YouTube: Åpne kanal i YouTube
   Play Previous Video: Spill av forrige video
   Play Next Video: Spill av neste video
-  translated from English: oversatt fra engelsk
   Sponsor Block category:
     interaction: samhandling
     outro: utgang
@@ -664,7 +657,6 @@ Video:
     self-promotion: egenpromotering
     recap: Oppsummering
     filler: Fyllstoff
-  Skipped segment: Overhoppet del
   External Player:
     Unsupported Actions:
       shuffling playlists: omstokking av spillelister
@@ -680,18 +672,6 @@ Video:
     playlist: spilleliste
     video: video
     OpenInTemplate: Åpne i {externalPlayer}
-  Stats:
-    Bitrate: Bitrate
-    Volume: Lydstyrke
-    Bandwidth: Båndbredde
-    Resolution: Oppløsning
-    Player Dimensions: Avspillerdimensjoner
-    Mimetype: Media-type
-    Buffered: Mellomlagret
-    Video ID: Video-ID
-    Video statistics are not available for legacy videos: Videostatistikk er ikke
-      tilgjengelig for gammeldagse videoer
-    Dropped / Total Frames: Tapte/totalt antall rammer
   Show Super Chat Comment: Vis supersludringskommentar
   Scroll to Bottom: Rull til bunnen
   Premieres on: Har première
@@ -881,9 +861,6 @@ Tooltips:
       å kontrollere avspillingshastigheten. Trykk og hold Ctrl-tasten (⌘ på Mac) og
       venstreklikk på musen for å gå tilbake til fovalgt avspillingshastighet (1x
       med minde det har blitt endret i innstillingene).
-    Allow DASH AV1 formats: DASH AV1-formater kan ha bedre kvalitet enn DASH H.264
-      -formater. DASH AV1-formater krever dog mer regnekraft for avspilling. Ikke
-      tilgjengelig for alle videoer, og i sådant fall bruker avspilleren DASH H.264-formater.
   External Player Settings:
     Custom External Player Arguments: Alle egendefinerte kommandolinjeargumenter,
       semikoloninndelt («;») du ønsker å sende til den eksterne avspilleren.
diff --git a/static/locales/nl.yaml b/static/locales/nl.yaml
index 619ac6fc94e1f..d9f3e2293898a 100644
--- a/static/locales/nl.yaml
+++ b/static/locales/nl.yaml
@@ -435,7 +435,6 @@ Settings:
         video; %i ID van de video. U kunt ook "\" of "/" gebruiken om deelmappen aan
         te maken.'
     Skip by Scrolling Over Video Player: Overslaan door over de videospeler te scrollen
-    Allow DASH AV1 formats: DASH-AV1-bestandstypes toestaan
     Enter Fullscreen on Display Rotate: Volledig scherm bij draaien van scherm
   Privacy Settings:
     Privacy Settings: 'Privacy-instellingen'
@@ -876,11 +875,6 @@ Video:
   Loop Playlist: Playlist herhalen
   Starting soon, please refresh the page to check again: Start binnenkort, vernieuw
     de pagina om opnieuw te controleren
-  Audio:
-    Best: Beste
-    High: Hoog
-    Medium: Gemiddeld
-    Low: Laag
   audio only: alleen audio
   video only: alleen video
   Download Video: Video downloaden
@@ -894,7 +888,6 @@ Video:
     opgeslagen video's
   Video has been saved: Video is opgeslagen
   Save Video: Video opslaan
-  translated from English: vertaald uit het Engels
   Sponsor Block category:
     music offtopic: Niet-muziek
     interaction: Interactie
@@ -904,7 +897,6 @@ Video:
     sponsor: Sponsor
     recap: Samenvatting
     filler: Opvulling
-  Skipped segment: Segment overgeslagen
   External Player:
     Unsupported Actions:
       shuffling playlists: afspeellijsten shufflen
@@ -920,26 +912,6 @@ Video:
     playlist: afspeellijst
     video: video
     OpenInTemplate: Openen in {externalPlayer}
-  Stats:
-    player resolution: Venster
-    volume: Volume
-    video id: Video-ID (YouTube)
-    fps: FPS
-    frame drop: Frame verlies
-    bandwidth: Verbindingssnelheid
-    buffered: Gebufferd
-    out of: van de
-    Buffered: Gebufferd
-    Dropped / Total Frames: Frames verloren/totaal
-    Mimetype: MIME-type
-    Video statistics are not available for legacy videos: Videogegevens zijn niet
-      beschikbaar voor oudere video's
-    Video ID: Video-ID
-    Resolution: Resolutie
-    Bandwidth: Bandbreedte
-    Bitrate: Bitrate
-    Volume: Volume
-    Player Dimensions: Spelerafmetingen
   Premieres on: Gaat in première op
   Premieres: Premières
   Scroll to Bottom: Helemaal naar onderen scrollen
@@ -1134,10 +1106,6 @@ Tooltips:
       om de afspeelsnelheid te besturen. Houd de Control-toets (Command-toets op Mac)
       ingedrukt en klik met de linker muisknop om snel terug te schakelen naar de
       standaard afspeelsnelheid (1x tenzij aangepast in de instellingen).
-    Allow DASH AV1 formats: Video's in DASH AV1-formaat kunnen er beter uitzien dan
-      die in DASH H.264-formaat. DASH AV1 verbruikt op oudere apparaten meer energie!
-      Dit formaat is niet beschikbaar voor alle video's, in welk geval het DASH H.264-formaat
-      wordt gebruikt.
     Skip by Scrolling Over Video Player: Gebruik het scroll-wieltje om door de video
       te spoelen, zoals bij MPV.
   Subscription Settings:
diff --git a/static/locales/nn.yaml b/static/locales/nn.yaml
index f08b5d593d7a0..e3711638ccf0a 100644
--- a/static/locales/nn.yaml
+++ b/static/locales/nn.yaml
@@ -592,11 +592,6 @@ Video:
   Download Video: 'Last ned video'
   video only: 'berre video'
   audio only: 'berre lyd'
-  Audio:
-    Low: 'Låg'
-    Medium: 'Middels'
-    High: 'Høg'
-    Best: 'Beste'
   Published:
     Jan: 'Jan'
     Feb: 'Feb'
@@ -632,7 +627,6 @@ Video:
   Started streaming on: 'Begynte å straume på'
   Publicationtemplate: '{number} {unit} sidan'
 #& Videos
-  translated from English: omsett frå engelsk
   Sponsor Block category:
     outro: Avslutting
     interaction: Samhandling
@@ -642,7 +636,6 @@ Video:
     self-promotion: Eigenpromotering
     recap: Oppsummering
     filler: Fyllstoff
-  Skipped segment: Overhoppa del
   External Player:
     video: video
     playlist: speleliste
@@ -659,18 +652,6 @@ Video:
       opening specific video in a playlist (falling back to opening the video): opner
         valt video i ei speleliste (faller tilbake til å opne videoen)
   Premieres on: Har premiere
-  Stats:
-    Volume: Lydstyrke
-    Bandwidth: Bandbreidde
-    Player Dimensions: Avspelarstorleik
-    Bitrate: Bithastigheit
-    Resolution: Oppløysing
-    Buffered: Hurtiglagra
-    Video ID: Video-ID
-    Mimetype: Medietype
-    Video statistics are not available for legacy videos: Videostatestikk er ikkje
-      tilgjengeleg for utdaterte videoar
-    Dropped / Total Frames: Redusert/total mengd bilete
   Show Super Chat Comment: Vis super-chat-kommentar
   Premieres: Premiere
   Scroll to Bottom: Rull til botn
diff --git a/static/locales/or.yaml b/static/locales/or.yaml
index 357cce54e39c4..52ad07e86760f 100644
--- a/static/locales/or.yaml
+++ b/static/locales/or.yaml
@@ -88,7 +88,6 @@ Settings:
       1440p: '୧୪୪୦p'
       4k: '୪k'
       8k: '୮k'
-    Allow DASH AV1 formats: DASH AV1 ଫର୍ମାଟ୍‍କୁ ଅନୁମତି ଦେବା
   External Player Settings:
     External Player Settings: 'ବାହ୍ୟ ଚାଳକ ସେଟିଂ'
     External Player: 'ବାହ୍ୟ ଚାଳକ'
diff --git a/static/locales/pl.yaml b/static/locales/pl.yaml
index c0a425607f809..659fb249b468f 100644
--- a/static/locales/pl.yaml
+++ b/static/locales/pl.yaml
@@ -438,7 +438,6 @@ Settings:
       orientacji ekranu
     Skip by Scrolling Over Video Player: Przewijaj film kółkiem myszy na obszarze
       odtwarzacza
-    Allow DASH AV1 formats: Zezwól na format AV1 DASH
   Subscription Settings:
     Subscription Settings: 'Ustawienia subskrypcji'
     Hide Videos on Watch: 'Ukrywaj filmy po obejrzeniu'
@@ -891,11 +890,6 @@ Video:
   Loop Playlist: Zapętl playlistę
   Starting soon, please refresh the page to check again: Wkrótce się zacznie. Proszę
     odświeżyć stronę, aby ponownie sprawdzić
-  Audio:
-    Best: Najlepsza
-    High: Wysoka
-    Medium: Średnia
-    Low: Niska
   audio only: tylko audio
   video only: tylko wideo
   Download Video: Pobierz film
@@ -909,7 +903,6 @@ Video:
     zapisanych
   Video has been saved: Film został zapisany
   Save Video: Zapisz film
-  translated from English: przetłumaczone z angielskiego
   Sponsor Block category:
     music offtopic: niemuzyczny
     interaction: o interakcji
@@ -919,7 +912,6 @@ Video:
     sponsor: sponsorowany
     filler: z wypełniaczem
     recap: z podsumowaniem
-  Skipped segment: Pominięto segment
   External Player:
     Unsupported Actions:
       reversing playlists: odwracania playlist
@@ -936,26 +928,6 @@ Video:
     video: filmu
     OpenInTemplate: Otwórz w {externalPlayer}
   Premieres on: Premiera
-  Stats:
-    buffered: Zbuforowano
-    out of: z
-    video id: ID filmu (YouTube)
-    player resolution: Odtwarzacz
-    volume: Głośność
-    bandwidth: Prędkość połączenia
-    fps: FPS
-    frame drop: Pominięte klatki
-    Video ID: ID filmu
-    Resolution: Rozdzielczość
-    Player Dimensions: Wymiary odtwarzacza
-    Bitrate: Szybkość transmisji
-    Volume: Głośność
-    Bandwidth: Przepustowość
-    Buffered: Zbuforowano
-    Mimetype: Typ MIME
-    Video statistics are not available for legacy videos: Statystyki filmu nie są
-      dostępne dla starych formatów
-    Dropped / Total Frames: Opuszczone klatki / klatki ogółem
   Premieres in: Premiera za
   Premieres: Premiery
   Show Super Chat Comment: Pokazuj komentarze z „Superczatu”
@@ -1173,10 +1145,6 @@ Tooltips:
       wartości (1x, chyba że została zmieniona w ustawieniach).
     Skip by Scrolling Over Video Player: Użyj kółka myszy, by przewijać film tak jak
       w MPV.
-    Allow DASH AV1 formats: Film w formacie AV1 DASH może wyglądać lepiej, niż w formacie
-      H.264 DASH. Dekodowanie formatu AV1 DASH wymaga większej mocy obliczeniowej.
-      W filmach, dla których ten format nie jest dostępny, zostanie użyty format H.264
-      DASH.
   External Player Settings:
     Ignore Warnings: Nie pokazuj ostrzeżeń o nieobsługiwanych akcjach przez zewnętrzny
       odtwarzacz (n.p. odwracanie playlist, itp.).
diff --git a/static/locales/pt-BR.yaml b/static/locales/pt-BR.yaml
index 6188e9847ce0a..2fd56573dd4b8 100644
--- a/static/locales/pt-BR.yaml
+++ b/static/locales/pt-BR.yaml
@@ -435,7 +435,6 @@ Settings:
     Enter Fullscreen on Display Rotate: Entrar em tela cheia ao girar o dispositivo
       para o modo paisagem
     Skip by Scrolling Over Video Player: Pular vídeo ao rolar sobre o player
-    Allow DASH AV1 formats: Permitir formatos DASH AV1
   Subscription Settings:
     Subscription Settings: 'Configurações de inscrições'
     Hide Videos on Watch: 'Ocultar vídeos após assisti-los'
@@ -874,11 +873,6 @@ Video:
 #& Videos
   Started streaming on: Transmissão iniciada em
   Streamed on: Transmitido em
-  Audio:
-    Best: Máxima
-    Medium: Média
-    Low: Baixa
-    High: Alta
   audio only: somente áudio
   video only: somente vídeo
   Download Video: Baixar vídeo
@@ -898,7 +892,6 @@ Video:
     vídeos salvos
   Video has been saved: O vídeo foi salvo
   Save Video: Salvar vídeo
-  translated from English: traduzido do Inglês
   Sponsor Block category:
     music offtopic: Música fora do contexto
     interaction: Interação
@@ -908,7 +901,6 @@ Video:
     sponsor: Patrocinador
     filler: Preenchimento
     recap: Recapitulação
-  Skipped segment: Segmento ignorado
   External Player:
     Unsupported Actions:
       shuffling playlists: Playlists aleatórias
@@ -925,26 +917,6 @@ Video:
     OpenInTemplate: Abrir em {externalPlayer}
     video: vídeo
   Premieres on: Estreia em
-  Stats:
-    video id: ID do vídeo (YouTube)
-    volume: Volume
-    fps: FPS
-    frame drop: Frame Drop
-    bandwidth: Velocidade de conexão
-    buffered: Buffered
-    out of: de
-    player resolution: Janela de exibição
-    Mimetype: Mimetype
-    Video statistics are not available for legacy videos: As estatísticas de vídeo
-      não estão disponíveis para vídeos mais antigos
-    Video ID: ID do vídeo
-    Player Dimensions: Dimensões do player
-    Bitrate: Taxa de bits
-    Volume: Volume
-    Bandwidth: Largura de banda
-    Resolution: Resolução
-    Buffered: Em buffer
-    Dropped / Total Frames: Quadros perdidos / Total de quadros
   Premieres in: Estréias em
   Premieres: Estreia
   Scroll to Bottom: Ir para o final
@@ -1150,10 +1122,6 @@ Tooltips:
       sido alterada nas configurações).
     Skip by Scrolling Over Video Player: Use a roda de rolagem para pular o vídeo,
       estilo MPV.
-    Allow DASH AV1 formats: Os formatos DASH AV1 podem ter melhor aspecto do que os
-      formatos DASH H.264. Os formatos DASH AV1 requerem mais potência para reprodução!
-      Eles não estão disponíveis em todos os vídeos, e nesses casos o player usará
-      os formatos DASH H.264.
   General Settings:
     Region for Trending: A região de tendências permite que você escolha os vídeos
       em alta do país que deseja exibir.
diff --git a/static/locales/pt-PT.yaml b/static/locales/pt-PT.yaml
index b4e7e67611c9e..dba2e33fcc615 100644
--- a/static/locales/pt-PT.yaml
+++ b/static/locales/pt-PT.yaml
@@ -423,7 +423,6 @@ Settings:
       por cima do reprodutor
     Enter Fullscreen on Display Rotate: Ativar modo de ecrã completo ao rodar o ecrã
     Skip by Scrolling Over Video Player: Ignorar ao deslocar por cima do reprodutor
-    Allow DASH AV1 formats: Permitir formatos DASH AV1
   Privacy Settings:
     Privacy Settings: Definições de privacidade
     Remember History: Memorizar histórico
@@ -831,11 +830,6 @@ Video:
   Download Video: Descarregar vídeo
   video only: apenas vídeo
   audio only: apenas áudio
-  Audio:
-    Low: Baixa
-    Medium: Média
-    High: Alta
-    Best: Melhor
   Published:
     Jan: jan
     Feb: fev
@@ -876,7 +870,6 @@ Video:
   Reverse Playlist: Inverter lista de reprodução
   Shuffle Playlist: Baralhar lista de reprodução
   Loop Playlist: Repetir lista de reprodução
-  translated from English: traduzido do inglês
   External Player:
     Unsupported Actions:
       looping playlists: repetir lista de reprodução
@@ -901,19 +894,6 @@ Video:
     sponsor: Patrocinador
     recap: Recapitulação
     filler: Preenchimento
-  Skipped segment: Secção ignorada
-  Stats:
-    Mimetype: Tipo mime
-    Video statistics are not available for legacy videos: As estatísticas de vídeo
-      não estão disponíveis para vídeos mais antigos
-    Resolution: Resolução
-    Video ID: ID do vídeo
-    Volume: Volume
-    Bandwidth: Largura de banda
-    Buffered: Em memória
-    Bitrate: Taxa de dados
-    Dropped / Total Frames: Fotogramas perdidos/total de fotogramas
-    Player Dimensions: Dimensões do reprodutor
   Premieres on: Estreia a
   Premieres: Estreias
   Show Super Chat Comment: Mostrar comentário do Super Chat
@@ -1052,10 +1032,6 @@ Tooltips:
       padrão (1 a não ser que tenha sido alterada nas definições).
     Skip by Scrolling Over Video Player: Utilizar roda do rato para ignorar vídeo,
       estilo MPV.
-    Allow DASH AV1 formats: Os formatos DASH AV1 podem parecer melhores do que os
-      formatos DASH H.264. Os formatos DASH AV1 requerem mais potência para reprodução!
-      Não estão disponíveis para todos os vídeos e, nesses casos, o reprodutor usará
-      os formatos DASH H.264.
   Subscription Settings:
     Fetch Feeds from RSS: Se ativa, FreeTube irá obter as subscrições através de RSS
       em vez do método normal. O formato RSS é mais rápido e não é bloqueado pelo
@@ -1149,7 +1125,7 @@ Screenshot Success: Captura de ecrã guardada como "{filePath}"
 Screenshot Error: Erro ao capturar o ecrã. {error}
 Chapters:
   'Chapters list hidden, current chapter: {chapterName}': 'Lista de capítulos oculta,
-    capítulo atual: {capítuloNoto}'
+    capítulo atual: {chapterName}'
   Chapters: Capítulos
   'Chapters list visible, current chapter: {chapterName}': 'Lista de capítulos visível,
     capítulo atual: {chapterName}'
diff --git a/static/locales/pt.yaml b/static/locales/pt.yaml
index 4a5bf897ac130..459c5ae70985d 100644
--- a/static/locales/pt.yaml
+++ b/static/locales/pt.yaml
@@ -431,7 +431,6 @@ Settings:
       Ask Path: Perguntar onde guardar
     Enter Fullscreen on Display Rotate: Ativar modo de ecrã completo ao rodar o ecrã
     Skip by Scrolling Over Video Player: Ignorar ao deslocar por cima do reprodutor
-    Allow DASH AV1 formats: Permitir formatos DASH AV1
   Privacy Settings:
     Privacy Settings: 'Definições de privacidade'
     Remember History: 'Memorizar histórico'
@@ -945,8 +944,6 @@ Video:
     sponsor: Patrocinador
     recap: Recapitulação
     filler: Preenchimento
-  Skipped segment: Secção ignorada
-  translated from English: traduzido do inglês
   Started streaming on: Transmissão iniciada em
   Streamed on: Transmitido a
   Audio:
@@ -965,26 +962,6 @@ Video:
   Video has been saved: O vídeo foi guardado
   Save Video: Guardar vídeo
   Premieres on: Estreia a
-  Stats:
-    video id: Video ID (YouTube)
-    volume: Volume
-    fps: FPS
-    frame drop: Fotogramas ignorados
-    bandwidth: Velocidade da conexão
-    out of: de
-    player resolution: Janela de visualização
-    buffered: Buffered
-    Mimetype: Tipo mime
-    Video ID: ID do vídeo
-    Player Dimensions: Dimensões do reprodutor
-    Bitrate: Taxa de dados
-    Volume: Volume
-    Video statistics are not available for legacy videos: As estatísticas de vídeo
-      não estão disponíveis para vídeos mais antigos
-    Resolution: Resolução
-    Bandwidth: Largura de banda
-    Buffered: Em memória
-    Dropped / Total Frames: Fotogramas perdidos/total de fotogramas
   Premieres in: Estreia em
   Premieres: Estreias
   Scroll to Bottom: Deslocar para baixo
@@ -1162,10 +1139,6 @@ Tooltips:
       padrão (1 a não ser que tenha sido alterada nas definições).
     Skip by Scrolling Over Video Player: Utilizar roda do rato para ignorar vídeo,
       estilo MPV.
-    Allow DASH AV1 formats: Os formatos DASH AV1 podem parecer melhores do que os
-      formatos DASH H.264. Os formatos DASH AV1 requerem mais potência para reprodução!
-      Não estão disponíveis para todos os vídeos e, nesses casos, o reprodutor usará
-      os formatos DASH H.264.
   General Settings:
     Region for Trending: A região permite-lhe escolher de que país virão os vídeos
       na secção de tendências.
@@ -1218,7 +1191,7 @@ Channels:
   Unsubscribe Prompt: Tem a certeza de que pretende cancelar a subscrição em "{channelName}"?
 Chapters:
   'Chapters list hidden, current chapter: {chapterName}': 'Lista de capítulos oculta,
-    capítulo atual: {capítuloNoto}'
+    capítulo atual: {chapterName}'
   Chapters: Capítulos
   'Chapters list visible, current chapter: {chapterName}': 'Lista de capítulos visível,
     capítulo atual: {chapterName}'
diff --git a/static/locales/ro.yaml b/static/locales/ro.yaml
index ccb291573eb6a..f75d3780a1e8b 100644
--- a/static/locales/ro.yaml
+++ b/static/locales/ro.yaml
@@ -424,7 +424,6 @@ Settings:
       de scroll
     Enter Fullscreen on Display Rotate: Intrați pe ecran complet pe afișaj Rotire
     Skip by Scrolling Over Video Player: Omiteți derulând peste player-ul video
-    Allow DASH AV1 formats: Permiteți formatele DASH AV1
   Privacy Settings:
     Privacy Settings: 'Setări de confidențialitate'
     Remember History: 'Reține istoric'
@@ -859,15 +858,8 @@ Video:
     sponsor: Sponsor
     recap: Recapitulare
     filler: Filler
-  Skipped segment: Segment omis
-  translated from English: tradus din engleză
   Started streaming on: A început să transmită pe
   Streamed on: Difuzat pe
-  Audio:
-    Best: Cea mai bună
-    Medium: Medie
-    Low: Scăzută
-    High: Înaltă
   audio only: numai audio
   video only: numai video
   Download Video: Descărcați video
@@ -879,26 +871,6 @@ Video:
     ta de salvări
   Video has been saved: Videoclipul a fost salvat
   Save Video: Salvați video
-  Stats:
-    video id: Identificator videoclip (YouTube)
-    player resolution: Fereastră de vizualizare
-    volume: Sonor
-    fps: CPS
-    frame drop: Aruncare cadre
-    bandwidth: Viteză conexiune
-    out of: din
-    buffered: Preîncărcat
-    Video statistics are not available for legacy videos: Statisticile videoclipurilor
-      nu sunt disponibile pentru videoclipurile vechi
-    Video ID: Video ID
-    Resolution: Rezoluție
-    Player Dimensions: Dimensiunile player-ului
-    Bitrate: Rată de biți
-    Volume: Volum
-    Bandwidth: Lățime de bandă
-    Buffered: Încărcat
-    Dropped / Total Frames: Cadre pierdute / totale
-    Mimetype: Mimetype
   Premieres on: Premieră pe
   Premieres in: Are premiera în
   Scroll to Bottom: Derulați până jos
@@ -1068,10 +1040,6 @@ Tooltips:
       (tasta Command pe Mac) și faceți clic cu butonul stâng al mouse-ului pentru
       a reveni rapid la rata de redare implicită (1x, cu excepția cazului în care
       aceasta a fost modificată în setări).
-    Allow DASH AV1 formats: Formatele DASH AV1 pot arăta mai bine decât formatele
-      DASH H.264. Formatele DASH AV1 necesită mai multă putere pentru redare! Nu sunt
-      disponibile pe toate videoclipurile, în acele cazuri playerul va folosi în schimb
-      formatele DASH H.264.
     Skip by Scrolling Over Video Player: Utilizați rotița de derulare pentru a trece
       prin videoclip, stil MPV.
   General Settings:
diff --git a/static/locales/ru.yaml b/static/locales/ru.yaml
index 0a28229339f14..f6748ab3a4a4c 100644
--- a/static/locales/ru.yaml
+++ b/static/locales/ru.yaml
@@ -429,7 +429,6 @@ Settings:
     Enter Fullscreen on Display Rotate: Входить в полноэкранный режим при повороте
       дисплея
     Skip by Scrolling Over Video Player: Пропустить, прокручивая видеопроигрыватель
-    Allow DASH AV1 formats: Разрешить форматы DASH AV1
   Subscription Settings:
     Subscription Settings: 'Подписки'
     Hide Videos on Watch: 'Скрывать видео после просмотра'
@@ -870,11 +869,6 @@ Video:
   Loop Playlist: Повторять подборку
   Starting soon, please refresh the page to check again: Скоро начнется, обновите
     страницу, чтобы проверить ещё раз
-  Audio:
-    Best: Лучшее
-    High: Высокое
-    Medium: Среднее
-    Low: Низкое
   audio only: только звук
   video only: только видео
   Download Video: Скачать видео
@@ -887,7 +881,6 @@ Video:
   Video has been removed from your saved list: Видео было удалено из списка сохраненных
   Video has been saved: Видео было добавлено в сохраненные
   Save Video: Добавить видео в сохранённые
-  translated from English: переведён с английского
   Sponsor Block category:
     music offtopic: Сегмент без музыки
     interaction: Напоминание
@@ -897,7 +890,6 @@ Video:
     sponsor: Спонсор
     recap: Краткое содержание
     filler: Отвлечение
-  Skipped segment: Пропущенный сегмент
   External Player:
     Unsupported Actions:
       looping playlists: повторение подборок
@@ -913,26 +905,6 @@ Video:
     playlist: подборка
     video: видео
     OpenInTemplate: Открыть в {externalPlayer}
-  Stats:
-    frame drop: Пропущенные кадры
-    video id: ID видео (YouTube)
-    player resolution: Область просмотра
-    volume: Громкость
-    bandwidth: Скорость соединения
-    buffered: Буферизовано
-    out of: из
-    fps: Кадровая частота
-    Video statistics are not available for legacy videos: Статистика видео недоступна
-      для устаревших видео
-    Video ID: Идентификатор видео
-    Resolution: Разрешение
-    Player Dimensions: Размеры проигрывателя
-    Bitrate: Битрейт
-    Volume: Громкость
-    Bandwidth: Пропускная способность
-    Dropped / Total Frames: Пропущено / Всего кадров
-    Mimetype: MIME-типы
-    Buffered: Буферизовано
   Premieres on: Премьеры
   Premieres in: Премьеры в
   Premieres: Премьеры
@@ -1155,10 +1127,6 @@ Tooltips:
       не была изменена в настройках).
     Skip by Scrolling Over Video Player: Используйте колесо прокрутки, чтобы пропустить
       видео в стиле MPV.
-    Allow DASH AV1 formats: Форматы DASH AV1 могут выглядеть лучше, чем форматы DASH
-      H.264. Форматы DASH AV1 требуют большей производительности для воспроизведения!
-      Они доступны не для всех видео. Если они будут недоступны, тогда проигрыватель
-      будет использовать форматы DASH H.264.
   External Player Settings:
     Custom External Player Arguments: Любые пользовательские аргументы командной строки,
       разделенные точкой с запятой (';'), которые вы хотите передать внешнему проигрывателю.
diff --git a/static/locales/sk.yaml b/static/locales/sk.yaml
index 2c03d2c6ceb8e..81194b152312f 100644
--- a/static/locales/sk.yaml
+++ b/static/locales/sk.yaml
@@ -510,11 +510,6 @@ Video:
     a znova skontrolujte
   Started streaming on: Vysielanie začaté o
   Streamed on: Odvysielané dňa
-  Audio:
-    Medium: Stredná
-    Low: Nízka
-    High: Vysoká
-    Best: Najlepšia
   audio only: len zvuk
   video only: len video
   Download Video: Stiahnuť video
@@ -537,17 +532,6 @@ Video:
     outro: Záver
     intro: Úvod
     sponsor: Sponzor
-  Skipped segment: Preskočený segment
-  translated from English: preložené z angličtiny
-  Stats:
-    fps: Obrázky za sekundu
-    frame drop: Vyhodené obrázky
-    volume: Hlasitosť
-    player resolution: Výrez
-    out of: z
-    bandwidth: Rýchlosť pripojenia
-    video id: ID videa (YouTube)
-    buffered: Prednačítané
   External Player:
     OpenInTemplate: Otvoriť v {externalPlayer}
     Unsupported Actions:
diff --git a/static/locales/sl.yaml b/static/locales/sl.yaml
index 64416d0fa2f67..3ee58e746901d 100644
--- a/static/locales/sl.yaml
+++ b/static/locales/sl.yaml
@@ -273,7 +273,6 @@ Settings:
       File Name Label: Vzorec imena datoteke
     Enter Fullscreen on Display Rotate: Pri vrtenju zaslona vstopite v celozaslonski
       način
-    Allow DASH AV1 formats: Dovoli oblike DASH AV1
     Next Video Interval: Interval do naslednjega videa
     Display Play Button In Video Player: Prikaz gumba za predvajanje v video predvajalniku
     Fast-Forward / Rewind Interval: Interval za hitro previjanje naprej/nazaj
@@ -613,11 +612,6 @@ Video:
   Published on: 'Objavljeno dne'
   Publicationtemplate: '{number} {unit} nazaj'
 #& Videos
-  Audio:
-    Best: Najvišja
-    High: Visoka
-    Medium: Srednja
-    Low: Nizka
   audio only: Samo avdio
   video only: Samo video
   Download Video: Prenesi videoposnetek
@@ -631,9 +625,6 @@ Video:
     seznama
   Video has been saved: Videoposnetek je bil shranjen
   Save Video: Shrani videoposnetek
-  Stats:
-    Bandwidth: Pasovna širina
-  translated from English: prevedeno iz angleščine
 Videos:
   #& Sort By
   Sort By:
diff --git a/static/locales/sm.yaml b/static/locales/sm.yaml
index 970491407b4ad..a83b3050e9b87 100644
--- a/static/locales/sm.yaml
+++ b/static/locales/sm.yaml
@@ -278,7 +278,6 @@ Settings:
       1440p: ''
       4k: ''
       8k: ''
-    Allow DASH AV1 formats: ''
     Screenshot:
       Enable: ''
       Format Label: ''
@@ -614,11 +613,6 @@ Video:
   Download Video: ''
   video only: ''
   audio only: ''
-  Audio:
-    Low: ''
-    Medium: ''
-    High: ''
-    Best: ''
   Published:
     Jan: ''
     Feb: ''
@@ -652,9 +646,7 @@ Video:
   Published on: ''
   Streamed on: ''
   Started streaming on: ''
-  translated from English: ''
   Publicationtemplate: ''
-  Skipped segment: ''
   Sponsor Block category:
     sponsor: ''
     intro: ''
@@ -678,17 +670,6 @@ Video:
       reversing playlists: ''
       shuffling playlists: ''
       looping playlists: ''
-  Stats:
-    Video statistics are not available for legacy videos: ''
-    Video ID: ''
-    Resolution: ''
-    Player Dimensions: ''
-    Bitrate: ''
-    Volume: ''
-    Bandwidth: ''
-    Buffered: ''
-    Dropped / Total Frames: ''
-    Mimetype: ''
 #& Videos
 Videos:
   #& Sort By
@@ -784,7 +765,6 @@ Tooltips:
     Force Local Backend for Legacy Formats: ''
     Proxy Videos Through Invidious: ''
     Default Video Format: ''
-    Allow DASH AV1 formats: ''
     Scroll Playback Rate Over Video Player: ''
     Skip by Scrolling Over Video Player: ''
   External Player Settings:
diff --git a/static/locales/sr.yaml b/static/locales/sr.yaml
index 462ce581e0f3c..760820f432643 100644
--- a/static/locales/sr.yaml
+++ b/static/locales/sr.yaml
@@ -438,7 +438,6 @@ Settings:
     Scroll Volume Over Video Player: Превуци за јачину звука преко плејера видео снимка
     Skip by Scrolling Over Video Player: Прескочи превлачењем преко плејера видео
       снимка
-    Allow DASH AV1 formats: Дозволи DASH AV1 формате
     Scroll Playback Rate Over Video Player: Превуци за брзину репродукције преко плејера
       видео снимка
     Fast-Forward / Rewind Interval: Интервал брзог премотавања унапред/уназад
@@ -869,18 +868,6 @@ Video:
     Ago: Пре
     Aug: Авг.
   Upcoming: Предстојеће
-  Stats:
-    Video statistics are not available for legacy videos: Статистика видео снимака
-      није доступна за застареле видео снимке
-    Buffered: Баферовано
-    Bitrate: Брзина кадра
-    Volume: Волумен (партиција)
-    Mimetype: Mimetype
-    Resolution: Резолуција
-    Dropped / Total Frames: Испуштено / Укупно кадрова
-    Bandwidth: Проток
-    Player Dimensions: Димензије плејера
-    Video ID: ID видео снимка
   Sponsor Block category:
     interaction: Интеракција
     filler: Попуњавање
@@ -890,7 +877,6 @@ Video:
     sponsor: Спонзор
     recap: Рекапитулација
     intro: Уводна анимација
-  translated from English: преведено са енглеског
   External Player:
     Unsupported Actions:
       opening playlists: отварање плејлиста
@@ -909,13 +895,7 @@ Video:
   Live chat is enabled. Chat messages will appear here once sent.: Ћаскање уживо је
     омогућено.  Поруке ћаскања ће се појавити овде када буду послате.
   Streamed on: Стримовано
-  Audio:
-    Medium: Средње
-    High: Високо
-    Best: Најбоље
-    Low: Ниско
   video only: само видео снимак
-  Skipped segment: Прескочен сегмент
   Pause on Current Video: Паузирај на тренутном видео снимку
   Premieres on: Премијера на
   audio only: само аудио снимак (звук)
@@ -987,10 +967,6 @@ Tooltips:
       чији их оригинални наслови садрже у целом FreeTube-у, искључујући само историју,
       ваше плејлисте и видео снимке унутар плејлиста.
   Player Settings:
-    Allow DASH AV1 formats: DASH AV1 формати могу изгледати боље од DASH H.264 формата.
-      DASH AV1 формати захтевају више снаге за репродукцију! Они нису доступни на
-      свим видео снимцима, у тим случајевима плејер ће уместо њих користити DASH H.264
-      формате.
     Default Video Format: Подесите формате који се користе када се видео снимак пушта.
       DASH формати могу да пуштају виши квалитет. Застарели формати су ограничени
       на максимално 720p, али користе мање протока. Аудио формати су само звучни снимци.
diff --git a/static/locales/sv.yaml b/static/locales/sv.yaml
index 2464513a6d48b..81c6ff8f71724 100644
--- a/static/locales/sv.yaml
+++ b/static/locales/sv.yaml
@@ -374,7 +374,6 @@ Settings:
     Skip by Scrolling Over Video Player: Hoppa över genom att skrolla över videospelaren
     Max Video Playback Rate: Maximal uppspelningshastighet
     Video Playback Rate Interval: Uppspelningshastighetsintervall
-    Allow DASH AV1 formats: Tillåt DASH AV1-format
     Scroll Playback Rate Over Video Player: Skrolla uppspelningshastighet över videospelaren
     Enter Fullscreen on Display Rotate: Fullskärm vid skärmrotation
   Privacy Settings:
@@ -831,11 +830,6 @@ Video:
   Published on: 'Publicerad den'
   Publicationtemplate: 'för {number} {unit} sedan'
 #& Videos
-  Audio:
-    Best: Högsta
-    High: Hög
-    Medium: Medium
-    Low: Låg
   audio only: endast ljud
   video only: endast video
   Download Video: Ladda ner video
@@ -858,8 +852,6 @@ Video:
     sponsor: sponsor
     recap: Sammanfattning
     filler: Utfyllnad
-  Skipped segment: Skippat segment
-  translated from English: översatt från Engelska
   External Player:
     Unsupported Actions:
       shuffling playlists: blandar spellistor
@@ -875,18 +867,6 @@ Video:
     playlist: spellista
     video: video
     OpenInTemplate: Öppna i {externalPlayer}
-  Stats:
-    Video statistics are not available for legacy videos: Videostatstik är inte tillgänglig
-      för föråldrade videor
-    Dropped / Total Frames: Missade / Totalt antal bildrutor
-    Bitrate: Bithastighet
-    Volume: Volym
-    Resolution: Upplösning
-    Player Dimensions: Spelardimensioner
-    Video ID: Video-ID
-    Bandwidth: Bandbredd
-    Mimetype: Mimetyp
-    Buffered: Buffrad
   Premieres on: Har premiär den
   Premieres: Premiärer
   Upcoming: Kommande
@@ -1016,9 +996,6 @@ Tooltips:
       landsbegränsningar.
     Skip by Scrolling Over Video Player: Använd skrollhjulet för att snappspola igenom
       videon, MPV-stil.
-    Allow DASH AV1 formats: DASH AV1-format kan se bättre ut än DASH H.264-format.
-      DASH AV1-format kräver mer kraft för uppspelning! Det är inte tillgängligt för
-      alla videor, i de fall kommer spelaren använde DASh H.264-format istället.
     Scroll Playback Rate Over Video Player: När muspekaren är över videon, håll nere
       CTRL (Kommandotangenten på Mac) och skrolla upp och ner för att ändra uppspelningshastigheten.
       Håll nere CTRL (Kommandotangenten på Mac) och vänsterklicka för att återställa
diff --git a/static/locales/tr.yaml b/static/locales/tr.yaml
index 7068693262e86..c55c7abbf4765 100644
--- a/static/locales/tr.yaml
+++ b/static/locales/tr.yaml
@@ -440,7 +440,6 @@ Settings:
         veya "/" kullanabilirsiniz.
     Enter Fullscreen on Display Rotate: Ekran Döndürüldüğünde Tam Ekrana Geç
     Skip by Scrolling Over Video Player: Video Oynatıcı Üzerinde Kaydırarak Atla
-    Allow DASH AV1 formats: DASH AV1 biçimlerine izin ver
   Privacy Settings:
     Privacy Settings: 'Gizlilik Ayarları'
     Remember History: 'Geçmişi Hatırla'
@@ -934,11 +933,6 @@ Video:
   Published on: 'Yayımlanma tarihi'
   Publicationtemplate: '{number} {unit} önce'
 #& Videos
-  Audio:
-    Best: En iyi
-    High: Yüksek
-    Medium: Orta
-    Low: Düşük
   audio only: yalnızca ses
   video only: yalnızca video
   Download Video: Video İndir
@@ -951,7 +945,6 @@ Video:
   Video has been removed from your saved list: Video, kaydedilen listenizden kaldırıldı
   Video has been saved: Video kaydedildi
   Save Video: Videoyu Kaydet
-  translated from English: İngilizceden çevrildi
   Sponsor Block category:
     music offtopic: Müzik Konu Dışı
     interaction: Etkileşim
@@ -961,7 +954,6 @@ Video:
     sponsor: Sponsor
     recap: Özet
     filler: Dolgu
-  Skipped segment: Atlanan bölüm
   External Player:
     Unsupported Actions:
       looping playlists: oynatma listelerini döngüye alma
@@ -978,26 +970,6 @@ Video:
     video: video
     OpenInTemplate: '{externalPlayer} içinde aç'
   Premieres on: İlk gösterim tarihi
-  Stats:
-    volume: Ses Seviyesi
-    out of: /
-    player resolution: Görüntü Penceresi
-    fps: FPS
-    frame drop: Çerçeve Kaybı
-    video id: Video Kimliği (YouTube)
-    bandwidth: Bağlantı Hızı
-    buffered: Arabelleğe Alınan
-    Video ID: Video Kimliği
-    Resolution: Çözünürlük
-    Player Dimensions: Oynatıcı Boyutları
-    Bitrate: Bit Hızı
-    Volume: Ses Seviyesi
-    Bandwidth: Bant Genişliği
-    Buffered: Arabelleğe Alınan
-    Dropped / Total Frames: Düşürülen / Toplam Çerçeve Sayısı
-    Mimetype: MIME Türü
-    Video statistics are not available for legacy videos: Video istatistikleri eski
-      videolar için kullanılabilir değil
   Premieres in: İlk gösterim
   Premieres: İlk gösterim
   Scroll to Bottom: Aşağıya Kaydır
@@ -1144,9 +1116,6 @@ Tooltips:
       için Ctrl tuşunu (Mac'te Komut tuşu) basılı tutun ve fareye sol tıklayın.
     Skip by Scrolling Over Video Player: MPV'deki gibi videoda atlamak için kaydırma
       tekerleğini kullanın.
-    Allow DASH AV1 formats: DASH AV1 biçimleri, DASH H.264 biçimlerinden daha iyi
-      görünebilir. DASH AV1 biçimleri oynatmak daha fazla güç gerektirir! Tüm videolarda
-      bulunmazlar, bu durumlarda oynatıcı bunun yerine DASH H.264 biçimlerini kullanacaktır.
   General Settings:
     Invidious Instance: FreeTube'un API çağrıları için bağlanacağı Invidious örneği.
     Thumbnail Preference: FreeTube'daki tüm önizleme görselleri, öntanımlı önizleme
diff --git a/static/locales/uk.yaml b/static/locales/uk.yaml
index f3f93d539b443..2d94c9ba7106d 100644
--- a/static/locales/uk.yaml
+++ b/static/locales/uk.yaml
@@ -322,7 +322,6 @@ Settings:
     Enter Fullscreen on Display Rotate: Переходити в повноекранний режим за обертання
       екрана
     Skip by Scrolling Over Video Player: Пропустити гортанням відеопрогравача
-    Allow DASH AV1 formats: Дозволити формат DASH AV1
   Privacy Settings:
     Privacy Settings: 'Налаштування приватності'
     Remember History: 'Збрігати історію'
@@ -689,11 +688,6 @@ Video:
   Download Video: 'Завантажити відео'
   video only: 'лише відео'
   audio only: 'лише звук'
-  Audio:
-    Low: 'Низька'
-    Medium: 'Середня'
-    High: 'Висока'
-    Best: 'Найкраща'
   Published:
     Jan: 'Ян'
     Feb: 'Лют'
@@ -733,7 +727,6 @@ Video:
   Video has been removed from your saved list: Відео вилучено зі списку збережених
   Video has been saved: Відео збережено
   Save Video: Зберегти відео
-  translated from English: перекладено з англійської
   Sponsor Block category:
     music offtopic: Музика поза темою
     interaction: Взаємодія
@@ -743,7 +736,6 @@ Video:
     sponsor: Спонсор
     recap: Підсумок
     filler: Заповнювач
-  Skipped segment: Пропущений відтинок
   External Player:
     Unsupported Actions:
       looping playlists: зациклювання добірок
@@ -760,26 +752,6 @@ Video:
     video: відео
     OpenInTemplate: Відкрити у {externalPlayer}
   Premieres on: Прем'єри
-  Stats:
-    player resolution: Вікно перегляду
-    fps: Кадрів/с
-    volume: Обсяг
-    bandwidth: Швидкість з'єднання
-    buffered: Буферизовано
-    out of: з
-    video id: ID відео (YouTube)
-    frame drop: Пропущені кадри
-    Resolution: Роздільність
-    Volume: Обсяг
-    Bandwidth: Пропускна здатність
-    Dropped / Total Frames: Пропущені / Усього кадрів
-    Mimetype: Тип MIME
-    Bitrate: Бітрейт
-    Video ID: ID відео
-    Player Dimensions: Розміри програвача
-    Buffered: Буферизовано
-    Video statistics are not available for legacy videos: Статистика відео недоступна
-      для застарілих відео
   Premieres in: Прем'єри в
   Premieres: Прем'єри
   Scroll to Bottom: Прокрутити до кінця
@@ -906,10 +878,6 @@ Tooltips:
       в налаштуваннях).
     Skip by Scrolling Over Video Player: Використовувати колесо прокрутки для прокручування
       відео в стилі MPV.
-    Allow DASH AV1 formats: Формати DASH AV1 можуть виглядати краще, ніж формати DASH
-      H.264. Формати DASH AV1 вимагають більше енергії для відтворення! Вони доступні
-      не для всіх відео, у таких випадках програвач буде використовувати формати DASH
-      H.264.
   Subscription Settings:
     Fetch Feeds from RSS: 'Якщо ввімкнено, FreeTube використовуватиме RSS замість
       стандартного способу захоплення каналу підписки. RSS швидше і запобігає блокуванню
diff --git a/static/locales/vi.yaml b/static/locales/vi.yaml
index 18434fcf178e9..b34949a4de4a7 100644
--- a/static/locales/vi.yaml
+++ b/static/locales/vi.yaml
@@ -382,7 +382,6 @@ Settings:
     Video Playback Rate Interval: Khoảng cách tốc độ phát
     Enter Fullscreen on Display Rotate: Bật toàn màn hình khi xoay
     Skip by Scrolling Over Video Player: Tua video bằng con lăn chuột
-    Allow DASH AV1 formats: Cho phép định dạng DASH AV1
   Subscription Settings:
     Subscription Settings: 'Cài đặt đăng ký'
     Hide Videos on Watch: 'Ẩn video khi đã xem'
@@ -806,11 +805,6 @@ Video:
   Video has been marked as watched: Video đánh dấu đã xem
   Remove From History: Xóa khỏi lịch sử
   Mark As Watched: Đánh dấu đã xem
-  Audio:
-    Best: Tốt nhất
-    High: Cao
-    Medium: Trung bình
-    Low: Thấp
   audio only: Chỉ âm thanh
   video only: Chỉ video
   Download Video: Tải video
@@ -824,7 +818,6 @@ Video:
   Loop Playlist: Lặp lại Playlist
   Open Channel in YouTube: Mở kênh này trên YouTube
   Copy YouTube Channel Link: Sao chép liên kết của kênh
-  Skipped segment: Phân đoạn đã bỏ qua
   Sponsor Block category:
     sponsor: Nhà tài trợ
     intro: Giới thiệu
@@ -834,22 +827,9 @@ Video:
     outro: Kết thúc
     recap: Tóm tắt
     filler: Bộ lọc
-  Stats:
-    Resolution: Độ phân giải
-    Player Dimensions: Khối lượng phát
-    Bandwidth: Băng thông
-    Buffered: Đệm
-    Video ID: Video
-    Video statistics are not available for legacy videos: Số liệu thống kê video không
-      có sẵn cho các video tiếp nôi
-    Mimetype: Mimetype
-    Dropped / Total Frames: Bị drop / tống số khung hình
-    Bitrate: Tốc độ Bitrate
-    Volume: Volume
   Premieres on: Công chiếu vào lúc
   Streamed on: Phát trực tiếp vào lúc
   Started streaming on: Bắt đầu.phát trực tiếp vào lúc
-  translated from English: Được dịch từ tiếng Anh
   External Player:
     playlist: danh sách phát
     Unsupported Actions:
@@ -1083,10 +1063,6 @@ Tooltips:
       được thay đổi trong cài đặt).
     Skip by Scrolling Over Video Player: Sử dụng con lăn chuột để bỏ qua video, kiểu
       MPV.
-    Allow DASH AV1 formats: Định dạng DASH AV1 có thể trông đẹp hơn định dạng DASH
-      H.264. Định dạng DASH AV1 yêu cầu nhiều năng lượng hơn để phát lại! Chúng không
-      có sẵn trên tất cả các video, trong những trường hợp đó trình phát sẽ sử dụng
-      định dạng DASH H.264 thay thế.
   External Player Settings:
     Custom External Player Arguments: Bất kỳ tham số dòng lệnh tùy chỉnh nào, được
       phân tách bằng dấu chấm phẩy (';'), bạn muốn được chuyển đến trình phát bên
diff --git a/static/locales/zh-CN.yaml b/static/locales/zh-CN.yaml
index 412c1b9c1483d..73eb06c25768f 100644
--- a/static/locales/zh-CN.yaml
+++ b/static/locales/zh-CN.yaml
@@ -391,7 +391,6 @@ Settings:
       Folder Label: 截屏文件夹
     Enter Fullscreen on Display Rotate: 屏幕旋转时进入全屏
     Skip by Scrolling Over Video Player: 从视频播放器一侧滚动到另一侧来跳过视频
-    Allow DASH AV1 formats: 允许 DASH AV1 格式
   Subscription Settings:
     Subscription Settings: '订阅设置'
     Hide Videos on Watch: '观看时隐藏视频'
@@ -778,11 +777,6 @@ Video:
   Shuffle Playlist: 随机播放列表
   Loop Playlist: 循环播放列表
   Starting soon, please refresh the page to check again: 即将开始，请刷新页面再次检查
-  Audio:
-    Best: 最佳
-    High: 高
-    Medium: 中
-    Low: 低
   audio only: 仅音频
   video only: 仅视频
   Download Video: 下载视频
@@ -795,25 +789,6 @@ Video:
   Video has been removed from your saved list: 视频已从你的播放列表移除
   Video has been saved: 视频已保存
   Save Video: 保存视频到播放列表
-  Stats:
-    video id: 视频 ID (YouTube)
-    player resolution: 视区
-    volume: 音量
-    fps: 每秒帧数
-    out of: 中的
-    frame drop: 掉帧
-    bandwidth: 连接速度
-    buffered: 缓冲
-    Video ID: 视频 ID
-    Resolution: 分辨率
-    Player Dimensions: 播放器尺寸
-    Bitrate: 比特率
-    Volume: 音量
-    Buffered: 已缓冲
-    Dropped / Total Frames: 丢弃帧/总帧数
-    Mimetype: 互联网媒体类型
-    Bandwidth: 带宽
-    Video statistics are not available for legacy videos: 视频统计数据对于 legacy 视频不可用
   External Player:
     OpenInTemplate: 在 {externalPlayer} 中打开
     video: 视频
@@ -839,8 +814,6 @@ Video:
     sponsor: 赞助者
     recap: 回顾
     filler: 过滤器
-  translated from English: 从英语翻译
-  Skipped segment: 跳过片段
   Premieres in: 首映于
   Premieres: 首映
   Scroll to Bottom: 滚动到底部
@@ -1012,8 +985,6 @@ Tooltips:
     Scroll Playback Rate Over Video Player: 当光标位于视频上方时，按住 Control 键(Mac 上的 Command
       键)，前后滚动鼠标滚轮，控制播放速度。按住 Control 键(Mac 上的 Command 键)，左键点击鼠标快速返回到默认播放速率(1x，除非在设置中改变了数值)。
     Skip by Scrolling Over Video Player: 使用滚轮跳过视频，MPV 风格。
-    Allow DASH AV1 formats: DASH AV1 格式画质也许比 DASH H.264 格式要好。 但请注意 DASH AV1 格式耗电更多！不是所有视频都有
-      DASH AV1 格式，如果没有的话，播放器会使用 DASH H.264 格式。
   General Settings:
     Invidious Instance: FreeTube 要连接到哪个 Invidious 实例进行 API 调用。
     Thumbnail Preference: FreeTube中所有缩略图都会被替换为影片画面而非默认缩略图。
diff --git a/static/locales/zh-TW.yaml b/static/locales/zh-TW.yaml
index 3ce06ca373f7b..34fc8eacab376 100644
--- a/static/locales/zh-TW.yaml
+++ b/static/locales/zh-TW.yaml
@@ -393,7 +393,6 @@ Settings:
         或 "/" 來建立子資料夾。
     Enter Fullscreen on Display Rotate: 在顯示旋轉時進入全螢幕
     Skip by Scrolling Over Video Player: 捲動影片播放器跳過
-    Allow DASH AV1 formats: 允許 DASH AV1 格式
   Subscription Settings:
     Subscription Settings: '訂閱設定'
     Hide Videos on Watch: '觀看時隱藏影片'
@@ -788,11 +787,6 @@ Video:
   Shuffle Playlist: 隨機播放清單
   Loop Playlist: 循環播放清單
   Starting soon, please refresh the page to check again: 影片即將開始，請重新整理頁面以再次檢查是否有更新
-  Audio:
-    Best: 最佳
-    High: 高
-    Medium: 中
-    Low: 低
   audio only: 僅音訊
   video only: 僅影片
   Download Video: 下載影片
@@ -805,7 +799,6 @@ Video:
   Video has been removed from your saved list: 影片已從您的播放清單移除
   Video has been saved: 影片已儲存
   Save Video: 儲存影片至播放清單
-  translated from English: 從英文翻譯
   Sponsor Block category:
     music offtopic: 音樂離題
     interaction: 互動
@@ -815,7 +808,6 @@ Video:
     sponsor: 贊助商
     recap: 回顧
     filler: 填充
-  Skipped segment: 已跳過的片段
   External Player:
     Unsupported Actions:
       looping playlists: 循環播放清單
@@ -831,25 +823,6 @@ Video:
     video: 視訊
     OpenInTemplate: 在 {externalPlayer} 中開啟
   Premieres on: 首映日期
-  Stats:
-    buffered: 已緩衝
-    out of: 中的
-    video id: Video ID (YouTube)
-    volume: 音量
-    player resolution: 視野
-    fps: FPS
-    frame drop: 丟棄畫面
-    bandwidth: 連線速度
-    Resolution: 解析度
-    Player Dimensions: 播放器大小
-    Bitrate: 位元率
-    Volume: 音量
-    Bandwidth: 頻寬
-    Buffered: 已緩衝
-    Dropped / Total Frames: 丟棄／總畫面數
-    Video statistics are not available for legacy videos: 影片統計資料不適用於舊版影片
-    Video ID: 影片 ID
-    Mimetype: 多媒體類型
   Premieres in: 首映於
   Premieres: 首映
   Show Super Chat Comment: 顯示超級聊天留言
@@ -1022,8 +995,6 @@ Tooltips:
     Scroll Playback Rate Over Video Player: 當游標停在影片上時，按住 Ctrl 鍵（Mac 的話則是 Command 鍵），然後向前或向後滾動滑鼠滾輪來控制播放速度。按住
       Ctrl 鍵（Mac 的話則是 Command 鍵）並點擊滑鼠左鍵以快速回到預設的播放速度（1x，除非在設定中更改）。
     Skip by Scrolling Over Video Player: 使用滾輪跳過影片，MPV 風格。
-    Allow DASH AV1 formats: DASH AV1 格式可能會看起來比 DASH H.264 格式更好。DASH AV1 格式需要更大的功率來播放！且並非所有影片都提供，在這種情況下，播放程式會使用
-      DASH H.264 格式代替。
   General Settings:
     Invidious Instance: FreeTube 將連線到 Invidious 站台進行 API 呼叫。
     Thumbnail Preference: FreeTube 中所有縮圖都會被替換為影片畫面而非預設縮圖。
diff --git a/yarn.lock b/yarn.lock
index e12be05adb0b4..c8e27aedb234a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1032,13 +1032,6 @@
   resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310"
   integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
 
-"@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4":
-  version "7.17.9"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.9.tgz#d19fbf802d01a8cb6cf053a64e472d42c434ba72"
-  integrity sha512-lSiBBvodq29uShpWGNbgFdKYNiFDo5/HIYsaCEY9ff4sb10x9jizo2+pRrSyF4jKZCXqgzuqBOQKbUm90gQwJg==
-  dependencies:
-    regenerator-runtime "^0.13.4"
-
 "@babel/runtime@^7.14.0":
   version "7.24.0"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.0.tgz#584c450063ffda59697021430cb47101b085951e"
@@ -1046,6 +1039,13 @@
   dependencies:
     regenerator-runtime "^0.14.0"
 
+"@babel/runtime@^7.8.4":
+  version "7.17.9"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.17.9.tgz#d19fbf802d01a8cb6cf053a64e472d42c434ba72"
+  integrity sha512-lSiBBvodq29uShpWGNbgFdKYNiFDo5/HIYsaCEY9ff4sb10x9jizo2+pRrSyF4jKZCXqgzuqBOQKbUm90gQwJg==
+  dependencies:
+    regenerator-runtime "^0.13.4"
+
 "@babel/template@^7.24.7", "@babel/template@^7.25.0":
   version "7.25.0"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.25.0.tgz#e733dc3134b4fede528c15bc95e89cb98c52592a"
@@ -1558,13 +1558,6 @@
     localforage "^1.9.0"
     util "^0.12.4"
 
-"@silvermine/videojs-quality-selector@^1.3.1":
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/@silvermine/videojs-quality-selector/-/videojs-quality-selector-1.3.1.tgz#23307dd3d5be442f7aa127c01820f16a3d9476a3"
-  integrity sha512-uo6gs2HVG2TD0bpZAl0AT6RkDXzk9PnAxtmmW5zXexa2uJvkdFT64QvJoMlEUd2FUUwqYqqAuWGFDJdBh5+KcQ==
-  dependencies:
-    underscore "1.13.1"
-
 "@sinclair/typebox@^0.27.8":
   version "0.27.8"
   resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.27.8.tgz#6667fac16c436b5434a387a34dedb013198f6e6e"
@@ -1888,38 +1881,6 @@
   resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
   integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
 
-"@videojs/http-streaming@2.16.2":
-  version "2.16.2"
-  resolved "https://registry.yarnpkg.com/@videojs/http-streaming/-/http-streaming-2.16.2.tgz#a9be925b4e368a41dbd67d49c4f566715169b84b"
-  integrity sha512-etPTUdCFu7gUWc+1XcbiPr+lrhOcBu3rV5OL1M+3PDW89zskScAkkcdqYzP4pFodBPye/ydamQoTDScOnElw5A==
-  dependencies:
-    "@babel/runtime" "^7.12.5"
-    "@videojs/vhs-utils" "3.0.5"
-    aes-decrypter "3.1.3"
-    global "^4.4.0"
-    m3u8-parser "4.8.0"
-    mpd-parser "^0.22.1"
-    mux.js "6.0.1"
-    video.js "^6 || ^7"
-
-"@videojs/vhs-utils@3.0.5", "@videojs/vhs-utils@^3.0.4", "@videojs/vhs-utils@^3.0.5":
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/@videojs/vhs-utils/-/vhs-utils-3.0.5.tgz#665ba70d78258ba1ab977364e2fe9f4d4799c46c"
-  integrity sha512-PKVgdo8/GReqdx512F+ombhS+Bzogiofy1LgAj4tN8PfdBx3HSS7V5WfJotKTqtOWGwVfSWsrYN/t09/DSryrw==
-  dependencies:
-    "@babel/runtime" "^7.12.5"
-    global "^4.4.0"
-    url-toolkit "^2.2.1"
-
-"@videojs/xhr@2.6.0":
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/@videojs/xhr/-/xhr-2.6.0.tgz#cd897e0ad54faf497961bcce3fa16dc15a26bb80"
-  integrity sha512-7J361GiN1tXpm+gd0xz2QWr3xNWBE+rytvo8J3KuggFaLg+U37gZQ2BuPLcnkfGffy2e+ozY70RHC8jt7zjA6Q==
-  dependencies:
-    "@babel/runtime" "^7.5.5"
-    global "~4.4.0"
-    is-function "^1.0.1"
-
 "@vue/compiler-sfc@2.7.16":
   version "2.7.16"
   resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz#ff81711a0fac9c68683d8bb00b63f857de77dc83"
@@ -2083,11 +2044,6 @@
   resolved "https://registry.yarnpkg.com/@webpack-cli/serve/-/serve-2.0.5.tgz#325db42395cd49fe6c14057f9a900e427df8810e"
   integrity sha512-lqaoKnRYBdo1UgDX8uF24AfGMifWK19TxPmM5FHc2vAGxrJ/qtyUyFBWoY1tISZdelsQ5fBcOusifo5o5wSJxQ==
 
-"@xmldom/xmldom@^0.8.3":
-  version "0.8.6"
-  resolved "https://registry.yarnpkg.com/@xmldom/xmldom/-/xmldom-0.8.6.tgz#8a1524eb5bd5e965c1e3735476f0262469f71440"
-  integrity sha512-uRjjusqpoqfmRkTaNuLJ2VohVr67Q5YwDATW3VU7PfzTj6IRaihGrYI7zckGZjxQPBIp63nfvJbM+Yu5ICh0Bg==
-
 "@xmldom/xmldom@^0.8.8":
   version "0.8.10"
   resolved "https://registry.yarnpkg.com/@xmldom/xmldom/-/xmldom-0.8.10.tgz#a1337ca426aa61cef9fe15b5b28e340a72f6fa99"
@@ -2126,16 +2082,6 @@ acorn@^8.11.3, acorn@^8.5.0, acorn@^8.7.1, acorn@^8.8.0, acorn@^8.8.2, acorn@^8.
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.3.tgz#71e0b14e13a4ec160724b38fb7b0f233b1b81d7a"
   integrity sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==
 
-aes-decrypter@3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/aes-decrypter/-/aes-decrypter-3.1.3.tgz#65ff5f2175324d80c41083b0e135d1464b12ac35"
-  integrity sha512-VkG9g4BbhMBy+N5/XodDeV6F02chEk9IpgRTq/0bS80y4dzy79VH2Gtms02VXomf3HmyRe3yyJYkJ990ns+d6A==
-  dependencies:
-    "@babel/runtime" "^7.12.5"
-    "@videojs/vhs-utils" "^3.0.5"
-    global "^4.4.0"
-    pkcs7 "^1.0.4"
-
 agent-base@6:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
@@ -2162,7 +2108,7 @@ ajv-keywords@^5.1.0:
   dependencies:
     fast-deep-equal "^3.1.3"
 
-ajv@^6.10.0, ajv@^6.12.0, ajv@^6.12.3, ajv@^6.12.4, ajv@^6.12.5:
+ajv@^6.10.0, ajv@^6.12.0, ajv@^6.12.4, ajv@^6.12.5:
   version "6.12.6"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -2347,14 +2293,7 @@ arraybuffer.prototype.slice@^1.0.2:
     is-array-buffer "^3.0.2"
     is-shared-array-buffer "^1.0.2"
 
-asn1@~0.2.3:
-  version "0.2.6"
-  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.6.tgz#0d3a7bb6e64e02a90c0303b31f292868ea09a08d"
-  integrity sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==
-  dependencies:
-    safer-buffer "~2.1.0"
-
-assert-plus@1.0.0, assert-plus@^1.0.0:
+assert-plus@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
   integrity sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=
@@ -2396,16 +2335,6 @@ available-typed-arrays@^1.0.5:
   resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz#92f95616501069d07d10edb2fc37d3e1c65123b7"
   integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
 
-aws-sign2@~0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
-  integrity sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=
-
-aws4@^1.8.0:
-  version "1.11.0"
-  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.11.0.tgz#d61f46d83b2519250e2784daf5b09479a8b41c59"
-  integrity sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==
-
 babel-loader@^9.1.3:
   version "9.1.3"
   resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-9.1.3.tgz#3d0e01b4e69760cc694ee306fe16d358aa1c6f9a"
@@ -2458,13 +2387,6 @@ batch@0.6.1:
   resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
   integrity sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY=
 
-bcrypt-pbkdf@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz#a4301d389b6a43f9b67ff3ca11a3f6637e360e9e"
-  integrity sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=
-  dependencies:
-    tweetnacl "^0.14.3"
-
 big.js@^5.2.2:
   version "5.2.2"
   resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
@@ -2713,11 +2635,6 @@ caniuse-lite@^1.0.30001646:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001653.tgz#b8af452f8f33b1c77f122780a4aecebea0caca56"
   integrity sha512-XGWQVB8wFQ2+9NZwZ10GxTYC5hk0Fa+q8cSkr0tgvMhYhMHP/QC+WTgrePMDBWiWc/pV+1ik82Al20XOK25Gcw==
 
-caseless@~0.12.0:
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
-  integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
-
 chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
@@ -2864,7 +2781,7 @@ colorette@^2.0.10, colorette@^2.0.14:
   resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.16.tgz#713b9af84fdb000139f04546bd4a93f62a5085da"
   integrity sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g==
 
-combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
+combined-stream@^1.0.8:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
   integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
@@ -3183,13 +3100,6 @@ csstype@^3.1.0:
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.1.tgz#841b532c45c758ee546a11d5bd7b7b473c8c30b9"
   integrity sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==
 
-dashdash@^1.12.0:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
-  integrity sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=
-  dependencies:
-    assert-plus "^1.0.0"
-
 debug@2.6.9:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
@@ -3397,11 +3307,6 @@ dom-serializer@^2.0.0:
     domhandler "^5.0.2"
     entities "^4.2.0"
 
-dom-walk@^0.1.0:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/dom-walk/-/dom-walk-0.1.2.tgz#0c548bef048f4d1f2a97249002236060daa3fd84"
-  integrity sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w==
-
 domelementtype@^2.0.1, domelementtype@^2.2.0, domelementtype@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
@@ -3462,14 +3367,6 @@ eastasianwidth@^0.2.0:
   resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
   integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
 
-ecc-jsbn@~0.1.1:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
-  integrity sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=
-  dependencies:
-    jsbn "~0.1.0"
-    safer-buffer "^2.1.0"
-
 ee-first@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
@@ -3554,6 +3451,11 @@ electron@^32.0.1:
     "@types/node" "^20.9.0"
     extract-zip "^2.0.1"
 
+eme-encryption-scheme-polyfill@^2.1.5:
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/eme-encryption-scheme-polyfill/-/eme-encryption-scheme-polyfill-2.1.5.tgz#86338bdd3b13f04ba02fa36758501c7c6c122efe"
+  integrity sha512-z9BKXV4TCYjmar0wiZLObZ0J8HE13VIg7Zq/iyPWdbEfROtxVXEJalknWKtBR5XNezzy15/zWS964TGbcAWlPg==
+
 emoji-regex@^10.0.0, emoji-regex@^10.3.0:
   version "10.3.0"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-10.3.0.tgz#76998b9268409eb3dae3de989254d456e70cfe23"
@@ -4175,11 +4077,6 @@ ext-name@^5.0.0:
     ext-list "^2.0.0"
     sort-keys-length "^1.0.0"
 
-extend@~3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
-  integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
-
 extract-zip@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-2.0.1.tgz#663dca56fe46df890d5f131ef4a06d22bb8ba13a"
@@ -4191,11 +4088,6 @@ extract-zip@^2.0.1:
   optionalDependencies:
     "@types/yauzl" "^2.9.1"
 
-extsprintf@1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
-  integrity sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=
-
 extsprintf@^1.2.0:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.1.tgz#8d172c064867f235c0c84a596806d279bf4bcc07"
@@ -4377,11 +4269,6 @@ foreground-child@^3.1.0:
     cross-spawn "^7.0.0"
     signal-exit "^4.0.1"
 
-forever-agent@~0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
-  integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=
-
 form-data@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
@@ -4391,15 +4278,6 @@ form-data@^4.0.0:
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
-form-data@~2.3.2:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"
-  integrity sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==
-  dependencies:
-    asynckit "^0.4.0"
-    combined-stream "^1.0.6"
-    mime-types "^2.1.12"
-
 forwarded@0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
@@ -4570,13 +4448,6 @@ get-tsconfig@^4.7.0:
   dependencies:
     resolve-pkg-maps "^1.0.0"
 
-getpass@^0.1.1:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
-  integrity sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=
-  dependencies:
-    assert-plus "^1.0.0"
-
 glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
@@ -4659,14 +4530,6 @@ global-prefix@^3.0.0:
     kind-of "^6.0.2"
     which "^1.3.1"
 
-global@^4.3.1, global@^4.3.2, global@^4.4.0, global@~4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/global/-/global-4.4.0.tgz#3e7b105179006a323ed71aafca3e9c57a5cc6406"
-  integrity sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==
-  dependencies:
-    min-document "^2.19.0"
-    process "^0.11.10"
-
 globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
@@ -4764,19 +4627,6 @@ handle-thing@^2.0.0:
   resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
   integrity sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==
 
-har-schema@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
-  integrity sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=
-
-har-validator@~5.1.3:
-  version "5.1.5"
-  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.1.5.tgz#1f0803b9f8cb20c0fa13822df1ecddb36bde1efd"
-  integrity sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==
-  dependencies:
-    ajv "^6.12.3"
-    har-schema "^2.0.0"
-
 has-bigints@^1.0.1, has-bigints@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
@@ -4971,15 +4821,6 @@ http-proxy@^1.18.1:
     follow-redirects "^1.0.0"
     requires-port "^1.0.0"
 
-http-signature@~1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.2.0.tgz#9aecd925114772f3d95b65a60abb8f7c18fbace1"
-  integrity sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=
-  dependencies:
-    assert-plus "^1.0.0"
-    jsprim "^1.2.2"
-    sshpk "^1.7.0"
-
 http2-wrapper@^1.0.0-beta.5.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/http2-wrapper/-/http2-wrapper-1.0.3.tgz#b8f55e0c1f25d4ebd08b3b0c2c079f9590800b3d"
@@ -5074,11 +4915,6 @@ indent-string@^4.0.0:
   resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
   integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
 
-individual@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/individual/-/individual-2.0.0.tgz#833b097dad23294e76117a98fb38e0d9ad61bb97"
-  integrity sha1-gzsJfa0jKU52EXqY+zjg2a1hu5c=
-
 inflight@^1.0.4:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
@@ -5246,11 +5082,6 @@ is-fullwidth-code-point@^4.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz#fae3167c729e7463f8461ce512b080a49268aa88"
   integrity sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==
 
-is-function@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-function/-/is-function-1.0.2.tgz#4f097f30abf6efadac9833b17ca5dc03f8144e08"
-  integrity sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ==
-
 is-generator-function@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.10.tgz#f1558baf1ac17e0deea7c0415c438351ff2b3c72"
@@ -5391,11 +5222,6 @@ is-typed-array@^1.1.3, is-typed-array@^1.1.9:
     for-each "^0.3.3"
     has-tostringtag "^1.0.0"
 
-is-typedarray@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
-  integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
-
 is-weakref@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
@@ -5440,11 +5266,6 @@ isobject@^3.0.1:
   resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
   integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8=
 
-isstream@~0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
-  integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
-
 jackspeak@^3.1.2:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.0.tgz#a75763ff36ad778ede6a156d8ee8b124de445b4a"
@@ -5523,11 +5344,6 @@ js-yaml@^4.1.0:
   dependencies:
     argparse "^2.0.1"
 
-jsbn@~0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
-  integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
-
 jsesc@^2.5.1:
   version "2.5.2"
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
@@ -5575,17 +5391,12 @@ json-schema-traverse@^1.0.0:
   resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
   integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
 
-json-schema@0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.4.0.tgz#f7de4cf6efab838ebaeb3236474cbba5a1930ab5"
-  integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==
-
 json-stable-stringify-without-jsonify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
   integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
 
-json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
+json-stringify-safe@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
   integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
@@ -5628,21 +5439,6 @@ jsonfile@^6.0.1:
   optionalDependencies:
     graceful-fs "^4.1.6"
 
-jsprim@^1.2.2:
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.2.tgz#712c65533a15c878ba59e9ed5f0e26d5b77c5feb"
-  integrity sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==
-  dependencies:
-    assert-plus "1.0.0"
-    extsprintf "1.3.0"
-    json-schema "0.4.0"
-    verror "1.10.0"
-
-keycode@^2.2.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/keycode/-/keycode-2.2.1.tgz#09c23b2be0611d26117ea2501c2c391a01f39eff"
-  integrity sha512-Rdgz9Hl9Iv4QKi8b0OlCRQEzp4AgVxyCtz5S/+VIHezDmrDhkp2N2TqBWOLz0/gbeREXOOiI9/4b8BY9uw2vFg==
-
 keyv@^4.0.0:
   version "4.5.2"
   resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.2.tgz#0e310ce73bf7851ec702f2eaf46ec4e3805cce56"
@@ -5892,15 +5688,6 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
-m3u8-parser@4.8.0:
-  version "4.8.0"
-  resolved "https://registry.yarnpkg.com/m3u8-parser/-/m3u8-parser-4.8.0.tgz#4a2d591fdf6f2579d12a327081198df8af83083d"
-  integrity sha512-UqA2a/Pw3liR6Df3gwxrqghCP17OpPlQj6RBPLYygf/ZSQ4MoSgvdvhvt35qV+3NaaA0FSZx93Ix+2brT1U7cA==
-  dependencies:
-    "@babel/runtime" "^7.12.5"
-    "@videojs/vhs-utils" "^3.0.5"
-    global "^4.4.0"
-
 marked@^14.1.0:
   version "14.1.0"
   resolved "https://registry.yarnpkg.com/marked/-/marked-14.1.0.tgz#736ae774ff06ddf03e55a071f9322fe240cb89cb"
@@ -5990,7 +5777,7 @@ mime-db@1.52.0, "mime-db@>= 1.43.0 < 2", mime-db@^1.28.0:
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
 
-mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24, mime-types@~2.1.34:
+mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34:
   version "2.1.35"
   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
   integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
@@ -6022,13 +5809,6 @@ mimic-response@^3.1.0:
   resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9"
   integrity sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==
 
-min-document@^2.19.0:
-  version "2.19.0"
-  resolved "https://registry.yarnpkg.com/min-document/-/min-document-2.19.0.tgz#7bd282e3f5842ed295bb748cdd9f1ffa2c824685"
-  integrity sha1-e9KC4/WELtKVu3SM3Z8f+iyCRoU=
-  dependencies:
-    dom-walk "^0.1.0"
-
 min-indent@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
@@ -6115,16 +5895,6 @@ mkdirp@^1.0.3:
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
-mpd-parser@0.22.1, mpd-parser@^0.22.1:
-  version "0.22.1"
-  resolved "https://registry.yarnpkg.com/mpd-parser/-/mpd-parser-0.22.1.tgz#bc2bf7d3e56368e4b0121035b055675401871521"
-  integrity sha512-fwBebvpyPUU8bOzvhX0VQZgSohncbgYwUyJJoTSNpmy7ccD2ryiCvM7oRkn/xQH5cv73/xU7rJSNCLjdGFor0Q==
-  dependencies:
-    "@babel/runtime" "^7.12.5"
-    "@videojs/vhs-utils" "^3.0.5"
-    "@xmldom/xmldom" "^0.8.3"
-    global "^4.4.0"
-
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -6148,14 +5918,6 @@ multicast-dns@^7.2.5:
     dns-packet "^5.2.2"
     thunky "^1.0.2"
 
-mux.js@6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/mux.js/-/mux.js-6.0.1.tgz#65ce0f7a961d56c006829d024d772902d28c7755"
-  integrity sha512-22CHb59rH8pWGcPGW5Og7JngJ9s+z4XuSlYvnxhLuc58cA1WqGDQPzuG8I+sPm1/p0CdgpzVTaKW408k5DNn8w==
-  dependencies:
-    "@babel/runtime" "^7.11.2"
-    global "^4.4.0"
-
 nanoid@^3.3.7:
   version "3.3.7"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8"
@@ -6256,11 +6018,6 @@ nth-check@^2.0.1, nth-check@^2.1.1:
   dependencies:
     boolbase "^1.0.0"
 
-oauth-sign@~0.9.0:
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
-  integrity sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==
-
 object-inspect@^1.12.0, object-inspect@^1.9.0:
   version "1.12.0"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.0.tgz#6e2c120e868fd1fd18cb4f18c31741d0d6e776f0"
@@ -6559,11 +6316,6 @@ pend@~1.2.0:
   resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
   integrity sha1-elfrVQpng/kRUzH89GY9XI4AelA=
 
-performance-now@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
-  integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
-
 picocolors@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-0.2.1.tgz#570670f793646851d1ba135996962abad587859f"
@@ -6584,13 +6336,6 @@ pidtree@^0.6.0:
   resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.6.0.tgz#90ad7b6d42d5841e69e0a2419ef38f8883aa057c"
   integrity sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==
 
-pkcs7@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/pkcs7/-/pkcs7-1.0.4.tgz#6090b9e71160dabf69209d719cbafa538b00a1cb"
-  integrity sha512-afRERtHn54AlwaF2/+LFszyAANTCggGilmcmILUzEjvs3XgFZT+xE6+QWQcAGmu4xajy+Xtj7acLOPdx5/eXWQ==
-  dependencies:
-    "@babel/runtime" "^7.5.5"
-
 pkg-dir@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
@@ -6967,11 +6712,6 @@ pseudomap@^1.0.2:
   resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
   integrity sha1-8FKijacOYYkX7wqKw0wa5aaChrM=
 
-psl@^1.1.28:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/psl/-/psl-1.8.0.tgz#9326f8bcfb013adcc005fdff056acce020e51c24"
-  integrity sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==
-
 pump@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
@@ -6980,7 +6720,7 @@ pump@^3.0.0:
     end-of-stream "^1.1.0"
     once "^1.3.1"
 
-punycode@^2.1.0, punycode@^2.1.1:
+punycode@^2.1.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
   integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
@@ -6999,11 +6739,6 @@ qs@6.11.0:
   dependencies:
     side-channel "^1.0.4"
 
-qs@~6.5.2:
-  version "6.5.3"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.3.tgz#3aeeffc91967ef6e35c0e488ef46fb296ab76aad"
-  integrity sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==
-
 queue-microtask@^1.2.2:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
@@ -7236,32 +6971,6 @@ renderkid@^3.0.0:
     lodash "^4.17.21"
     strip-ansi "^6.0.1"
 
-request@^2.88.2:
-  version "2.88.2"
-  resolved "https://registry.yarnpkg.com/request/-/request-2.88.2.tgz#d73c918731cb5a87da047e207234146f664d12b3"
-  integrity sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==
-  dependencies:
-    aws-sign2 "~0.7.0"
-    aws4 "^1.8.0"
-    caseless "~0.12.0"
-    combined-stream "~1.0.6"
-    extend "~3.0.2"
-    forever-agent "~0.6.1"
-    form-data "~2.3.2"
-    har-validator "~5.1.3"
-    http-signature "~1.2.0"
-    is-typedarray "~1.0.0"
-    isstream "~0.1.2"
-    json-stringify-safe "~5.0.1"
-    mime-types "~2.1.19"
-    oauth-sign "~0.9.0"
-    performance-now "^2.1.0"
-    qs "~6.5.2"
-    safe-buffer "^5.1.2"
-    tough-cookie "~2.5.0"
-    tunnel-agent "^0.6.0"
-    uuid "^3.3.2"
-
 require-directory@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
@@ -7381,13 +7090,6 @@ run-parallel@^1.1.9:
   dependencies:
     queue-microtask "^1.2.2"
 
-rust-result@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/rust-result/-/rust-result-1.0.0.tgz#34c75b2e6dc39fe5875e5bdec85b5e0f91536f72"
-  integrity sha1-NMdbLm3Dn+WHXlveyFteD5FTb3I=
-  dependencies:
-    individual "^2.0.0"
-
 safe-array-concat@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.0.1.tgz#91686a63ce3adbea14d61b14c99572a8ff84754c"
@@ -7403,18 +7105,11 @@ safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.2, safe-buffer@~5.2.0:
+safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.1.0, safe-buffer@^5.1.2, safe-buffer@~5.2.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
 
-safe-json-parse@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/safe-json-parse/-/safe-json-parse-4.0.0.tgz#7c0f578cfccd12d33a71c0e05413e2eca171eaac"
-  integrity sha1-fA9XjPzNEtM6ccDgVBPi7KFx6qw=
-  dependencies:
-    rust-result "^1.0.0"
-
 safe-regex-test@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.0.tgz#793b874d524eb3640d1873aad03596db2d4f2295"
@@ -7424,7 +7119,7 @@ safe-regex-test@^1.0.0:
     get-intrinsic "^1.1.3"
     is-regex "^1.1.4"
 
-"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
+"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0":
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
@@ -7594,6 +7289,13 @@ setprototypeof@1.2.0:
   resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
   integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
 
+shaka-player@^4.10.12:
+  version "4.10.12"
+  resolved "https://registry.yarnpkg.com/shaka-player/-/shaka-player-4.10.12.tgz#29f9ffb0f7f3a67e5ccddbb48ba5601c911079de"
+  integrity sha512-Gn8MmSsWU/yrJyJLwEGZYQwz/09y6hMW+HaPnkC/+s3fgXbVYPgrpra45T0aCLV4LgfjXRf+uHDjVydUW5rTZA==
+  dependencies:
+    eme-encryption-scheme-polyfill "^2.1.5"
+
 shallow-clone@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/shallow-clone/-/shallow-clone-3.0.1.tgz#8f2981ad92531f55035b01fb230769a40e02efa3"
@@ -7780,21 +7482,6 @@ sprintf-js@^1.1.2:
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.2.tgz#da1765262bf8c0f571749f2ad6c26300207ae673"
   integrity sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==
 
-sshpk@^1.7.0:
-  version "1.17.0"
-  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.17.0.tgz#578082d92d4fe612b13007496e543fa0fbcbe4c5"
-  integrity sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==
-  dependencies:
-    asn1 "~0.2.3"
-    assert-plus "^1.0.0"
-    bcrypt-pbkdf "^1.0.0"
-    dashdash "^1.12.0"
-    ecc-jsbn "~0.1.1"
-    getpass "^0.1.1"
-    jsbn "~0.1.0"
-    safer-buffer "^2.0.2"
-    tweetnacl "~0.14.0"
-
 stat-mode@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/stat-mode/-/stat-mode-1.0.0.tgz#68b55cb61ea639ff57136f36b216a291800d1465"
@@ -8237,14 +7924,6 @@ toidentifier@1.0.1:
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
   integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
 
-tough-cookie@~2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
-  integrity sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==
-  dependencies:
-    psl "^1.1.28"
-    punycode "^2.1.1"
-
 tree-kill@1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/tree-kill/-/tree-kill-1.2.2.tgz#4ca09a9092c88b73a7cdc5e8a01b507b0790a0cc"
@@ -8272,18 +7951,6 @@ tslib@^2.0.0, tslib@^2.0.3, tslib@^2.3.0, tslib@^2.3.1, tslib@^2.5.0, tslib@^2.6
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
   integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
 
-tunnel-agent@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
-  integrity sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=
-  dependencies:
-    safe-buffer "^5.0.1"
-
-tweetnacl@^0.14.3, tweetnacl@~0.14.0:
-  version "0.14.5"
-  resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
-  integrity sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=
-
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
@@ -8373,11 +8040,6 @@ unbox-primitive@^1.0.2:
     has-symbols "^1.0.3"
     which-boxed-primitive "^1.0.2"
 
-underscore@1.13.1:
-  version "1.13.1"
-  resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.13.1.tgz#0c1c6bd2df54b6b69f2314066d65b6cde6fcf9d1"
-  integrity sha512-hzSoAVtJF+3ZtiFX0VgfFPHEDRm7Y/QPjGyNo4TVdnDTdft3tr8hEkD25a1jC+TjTuE7tkHGKkhwCgs9dgBB2g==
-
 undici-types@~5.26.4:
   version "5.26.5"
   resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617"
@@ -8461,11 +8123,6 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
-url-toolkit@^2.2.1:
-  version "2.2.5"
-  resolved "https://registry.yarnpkg.com/url-toolkit/-/url-toolkit-2.2.5.tgz#58406b18e12c58803e14624df5e374f638b0f607"
-  integrity sha512-mtN6xk+Nac+oyJ/PrI7tzfmomRVNFIWKUbG8jdYFt52hxbiReFAXIjYskvu64/dvuW71IcB7lV8l0HvZMac6Jg==
-
 utf8-byte-length@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/utf8-byte-length/-/utf8-byte-length-1.0.4.tgz#f45f150c4c66eee968186505ab93fcbb8ad6bf61"
@@ -8498,11 +8155,6 @@ utils-merge@1.0.1:
   resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
   integrity sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=
 
-uuid@^3.3.2:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
-  integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
-
 uuid@^8.3.2:
   version "8.3.2"
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
@@ -8521,15 +8173,6 @@ vary@~1.1.2:
   resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
   integrity sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=
 
-verror@1.10.0:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
-  integrity sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=
-  dependencies:
-    assert-plus "^1.0.0"
-    core-util-is "1.0.2"
-    extsprintf "^1.2.0"
-
 verror@^1.10.0:
   version "1.10.1"
   resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.1.tgz#4bf09eeccf4563b109ed4b3d458380c972b0cdeb"
@@ -8539,85 +8182,6 @@ verror@^1.10.0:
     core-util-is "1.0.2"
     extsprintf "^1.2.0"
 
-video.js@7.21.5, "video.js@^6 || ^7", "video.js@^6 || ^7 || ^8", video.js@^7.0.0, "video.js@^7.2.0 || ^6.6.0":
-  version "7.21.5"
-  resolved "https://registry.yarnpkg.com/video.js/-/video.js-7.21.5.tgz#36fcbbdeded757089a10bbb78f49c360a2d0c9d4"
-  integrity sha512-WRq86tXZKrThA9mK+IR+v4tIQVVvnb5LhvL71fD2AX7TxVOPdaeK1X/wyuUruBqWaOG3w2sZXoMY6HF2Jlo9qA==
-  dependencies:
-    "@babel/runtime" "^7.12.5"
-    "@videojs/http-streaming" "2.16.2"
-    "@videojs/vhs-utils" "^3.0.4"
-    "@videojs/xhr" "2.6.0"
-    aes-decrypter "3.1.3"
-    global "^4.4.0"
-    keycode "^2.2.0"
-    m3u8-parser "4.8.0"
-    mpd-parser "0.22.1"
-    mux.js "6.0.1"
-    safe-json-parse "4.0.0"
-    videojs-font "3.2.0"
-    videojs-vtt.js "^0.15.5"
-
-videojs-contrib-quality-levels@^2.0.4:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/videojs-contrib-quality-levels/-/videojs-contrib-quality-levels-2.2.1.tgz#46bd7e1db25e6e45824dadf933b08f0c6ec724a1"
-  integrity sha512-cnF6OGGgoC/2nUrbdz54nzPm3BpEZQzMTpyekiX6AXs8imATX2sHbrUz97xXVSHITldk/+d7ZAUrdQYJJTyuug==
-  dependencies:
-    global "^4.3.2"
-    video.js "^6 || ^7 || ^8"
-
-videojs-contrib-quality-levels@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/videojs-contrib-quality-levels/-/videojs-contrib-quality-levels-3.0.0.tgz#bc66f1333b763754b4425455bee4ef6e5ba53984"
-  integrity sha512-sNx38EYUx+Q+gmup1gVTv9P9/sPs28rM7gZOx1sedaHoKxEdYB+ysOGfHj6MSELBMNGMj6ZspdrpSiWguGvGxA==
-  dependencies:
-    global "^4.4.0"
-
-videojs-font@3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/videojs-font/-/videojs-font-3.2.0.tgz#212c9d3f4e4ec3fa7345167d64316add35e92232"
-  integrity sha512-g8vHMKK2/JGorSfqAZQUmYYNnXmfec4MLhwtEFS+mMs2IDY398GLysy6BH6K+aS1KMNu/xWZ8Sue/X/mdQPliA==
-
-videojs-http-source-selector@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/videojs-http-source-selector/-/videojs-http-source-selector-1.1.6.tgz#073aadbea0106ba6c98d6b611094dbf8554ffa1f"
-  integrity sha512-6b5MmKTT2cVnrjtdNj4z1VO91udbXkZkTYA6LlD8WN2aHlG2rqFTmtMab4NK4nlkkkbRnm3c2q2IddL3jffLmg==
-  dependencies:
-    global "^4.3.2"
-    video.js "^7.0.0"
-    videojs-contrib-quality-levels "^2.0.4"
-
-videojs-mobile-ui@^0.8.0:
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/videojs-mobile-ui/-/videojs-mobile-ui-0.8.0.tgz#40a1c6f9302071b9bbe95937c934114600916ac5"
-  integrity sha512-Jd+u/ctjUkbZlT1cAA0umTu0LQwSZSFG+02cJxShuwq27B6rfrRALETK/gsuTc7U27lB9fbwcF7HBMaNxW62nA==
-  dependencies:
-    global "^4.4.0"
-
-videojs-overlay@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/videojs-overlay/-/videojs-overlay-3.1.0.tgz#d57505d375eca952feeb36e5b33e0a130e3dc9e0"
-  integrity sha512-P863Z4ghWgf7Z4A4uzmHlqIixRb8v5220JuQ4pfb/uorbWSBCt5D+czrp/eTxXXLtSmrSUKn596QswVYZuMzPg==
-  dependencies:
-    global "^4.3.2"
-    video.js "^6 || ^7 || ^8"
-
-videojs-vtt-thumbnails-freetube@0.0.15:
-  version "0.0.15"
-  resolved "https://registry.yarnpkg.com/videojs-vtt-thumbnails-freetube/-/videojs-vtt-thumbnails-freetube-0.0.15.tgz#5bbc1f98c4d4cffd5b3538e8caab36aca94c86cf"
-  integrity sha512-aRjG6fvsuWCpcFcdhqRbI5HUWw1l7boHRJZoQki+z74uDbys/u8OVo6S/oJgpmog//iToQEKqHjSEisFdVDQlA==
-  dependencies:
-    global "^4.4.0"
-    request "^2.88.2"
-    video.js "^7.2.0 || ^6.6.0"
-
-videojs-vtt.js@^0.15.5:
-  version "0.15.5"
-  resolved "https://registry.yarnpkg.com/videojs-vtt.js/-/videojs-vtt.js-0.15.5.tgz#567776eaf2a7a928d88b148a8b401ade2406f2ca"
-  integrity sha512-yZbBxvA7QMYn15Lr/ZfhhLPrNpI/RmCSCqgIff57GC2gIrV5YfyzLfLyZMj0NnZSAz8syB4N0nHXpZg9MyrMOQ==
-  dependencies:
-    global "^4.3.1"
-
 vue-devtools@^5.1.4:
   version "5.1.4"
   resolved "https://registry.yarnpkg.com/vue-devtools/-/vue-devtools-5.1.4.tgz#265a7458ade2affb291739176964256b597fa302"