Use highest available resolution for YouTube thumbnail image

Prefer the following thumbnail resolutions in this order: - maxres (1280x720) - standard (640x480) - high (480x360) - medium (320x180) - default (120x90) See: https://developers.google.com/youtube/v3/docs/videos#snippet.thumbnails
jmartsch · Feb 2, 2018 · bb83868 · bb83868
1 parent db872a8
commit bb83868
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/dist/lazyframe.min.js b/dist/lazyframe.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lazyframe",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "Dependency-free library for lazyloading iframes",
   "main": "dist/lazyframe.min.js",
   "jsnext:main": "src/lazyframe.js",

diff --git a/src/lazyframe.js b/src/lazyframe.js
@@ -47,9 +47,9 @@ const Lazyframe = () => {
       youtube: {
         title: (r) => r.items['0'].snippet.title,
         thumbnail: (r) => {
-          let thumb = r.items["0"].snippet.thumbnails;
-          let url = thumb.maxres ? thumb.maxres.url : thumb.standard.url;
-          return url;
+          let thumbs = r.items["0"].snippet.thumbnails;
+          let thumb = thumbs.maxres || thumbs.standard || thumbs.high || thumbs.medium || thumbs.default;
+          return thumb.url;
         }
       },
       vimeo: {