update Youtube video (previously 144p, 240p, 360p to 240p, 360p, 480p)

lowwebtech · Feb 3, 2020 · 15ff98f · 15ff98f
1 parent 571956b
commit 15ff98f
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 8 deletions.
diff --git a/src/scripts/content_script/video/custom-players.js b/src/scripts/content_script/video/custom-players.js
@@ -17,13 +17,13 @@ export default function() {
             if (video.id === 'youtube') {
               switch (store.getters.video_quality) {
                 case 1:
-                  jsUrl = jsUrl.replace('.js', '-tiny.js');
+                  jsUrl = jsUrl.replace('.js', '-small.js');
                   break;
                 case 2:
-                  jsUrl = jsUrl.replace('.js', '-small.js');
+                  jsUrl = jsUrl.replace('.js', '-medium.js');
                   break;
                 case 3:
-                  jsUrl = jsUrl.replace('.js', '-medium.js');
+                  jsUrl = jsUrl.replace('.js', '-large.js');
                   break;
               }
             }

diff --git a/src/scripts/content_script/video/players/Youtube-large.js b/src/scripts/content_script/video/players/Youtube-large.js
@@ -0,0 +1,13 @@
+// TODO generate youtube script (Youtube-small.js,Youtube-medium.js,Youtube-large.js) from common source
+(function() {
+  function setQuality() {
+    let player = document.getElementById('movie_player') || document.querySelector('.ytp-embed');
+    if (player && typeof player.setPlaybackQualityRange === 'function') {
+      player.setPlaybackQualityRange('large');
+    }
+  }
+  document.body.addEventListener('yt-navigate-finish', event => {
+    setQuality();
+  });
+  setQuality();
+})();
diff --git a/src/scripts/content_script/video/players/Youtube-medium.js b/src/scripts/content_script/video/players/Youtube-medium.js
@@ -1,4 +1,4 @@
-// TODO generate youtube script (Youtube-tiny.js,Youtube-small.js,Youtube-medium.js) from common source
+// TODO generate youtube script (Youtube-small.js,Youtube-medium.js,Youtube-large.js) from common source
 (function() {
   function setQuality() {
     let player = document.getElementById('movie_player') || document.querySelector('.ytp-embed');

diff --git a/src/scripts/content_script/video/players/Youtube-small.js b/src/scripts/content_script/video/players/Youtube-small.js
@@ -1,4 +1,4 @@
-// TODO generate youtube script (Youtube-tiny.js,Youtube-small.js,Youtube-medium.js) from common source
+// TODO generate youtube script (Youtube-small.js,Youtube-medium.js,Youtube-large.js) from common source
 (function() {
   function setQuality() {
     let player = document.getElementById('movie_player') || document.querySelector('.ytp-embed');

diff --git a/src/scripts/content_script/video/players/Youtube-tiny.js b/src/scripts/content_script/video/players/Youtube-tiny.js
@@ -3,7 +3,7 @@
   function setQuality() {
     let player = document.getElementById('movie_player') || document.querySelector('.ytp-embed');
     if (player && typeof player.setPlaybackQualityRange === 'function') {
-      player.setPlaybackQualityRange('tiny');
+      player.setPlaybackQualityRange('small');
     }
   }
   document.body.addEventListener('yt-navigate-finish', event => {

diff --git a/webpack.config.js b/webpack.config.js
@@ -17,10 +17,10 @@ const config = {
     'oembed/style': './styles/embed.js',
 
     'players/Youtube': './scripts/content_script/video/players/Youtube-medium.js',
-    'players/Youtube-tiny': './scripts/content_script/video/players/Youtube-tiny.js',
     'players/Youtube-small': './scripts/content_script/video/players/Youtube-small.js',
     'players/Youtube-medium': './scripts/content_script/video/players/Youtube-medium.js',
-
+    'players/Youtube-large': './scripts/content_script/video/players/Youtube-large.js',
+
     // 'players/Dailymotion': './scripts/content_script/video/players/Dailymotion.js',
     // 'players/Youporn': './scripts/content_script/video/players/Youporn.js',
     // 'players/Vimeo': './scripts/content_script/video/players/Vimeo.js',