Removed fetch dependency

demo/index.html

@@ -170,7 +170,7 @@
     </aside>
 
     <!-- Polyfills -->
-    <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,Array.prototype.includes,CustomEvent,fetch"></script>
+    <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,Array.prototype.includes,CustomEvent"></script>
 
     <!-- Plyr core script -->
     <script src="../dist/plyr.js"></script>

src/js/plugins/youtube.js

@@ -59,10 +59,10 @@ const youtube = {
         if (utils.is.string(key) && !utils.is.empty(key)) {
             const url = `https://www.googleapis.com/youtube/v3/videos?id=${videoId}&key=${key}&fields=items(snippet(title))&part=snippet`;
 
-            fetch(url)
+            utils
-                .then(response => (response.ok ? response.json() : null))
+                .fetch(url)
                 .then(result => {
-                    if (result !== null && utils.is.object(result)) {
+                    if (utils.is.object(result)) {
                         this.config.title = result.items[0].snippet.title;
                         ui.setTitle.call(this);
                     }

src/js/utils.js

@@ -93,11 +93,11 @@ const utils = {
                     return;
                 }
 
-                request.addEventListener('readystatechange', () => {
+                request.addEventListener('load', () => {
-                    if (request.readyState === 4 && request.status === 200) {
+                    try {
+                        resolve(JSON.parse(request.responseText));
+                    } catch(e) {
                         resolve(request.responseText);
-                    } else if (request.status === 0) {
-                        throw new Error(request.statusText);
                     }
                 });
 
@@ -206,11 +206,10 @@ const utils = {
             }
 
             // Get the sprite
-            utils.fetch(url)
+            utils
-                .then(text => {
+                .fetch(url)
-                    console.log(text);
+                .then(result => {
-
+                    if (utils.is.empty(result)) {
-                    if (text === null) {
                         return;
                     }
 
@@ -218,12 +217,12 @@ const utils = {
                         window.localStorage.setItem(
                             prefix + id,
                             JSON.stringify({
-                                content: text,
+                                content: result,
                             }),
                         );
                     }
 
-                    updateSprite.call(container, text);
+                    updateSprite.call(container, result);
                 })
                 .catch(() => {});
         }