Using fetch instead of xhr, grabbing title for YouTube

src/js/plugins/youtube.js

@@ -23,6 +23,20 @@ const youtube = {
         // Set ID
         this.media.setAttribute('id', utils.generateId(this.type));
 
+        // Get the title
+        const key = 'AIzaSyDrNwtN3nLH_8rjCmu5Wq3ZCm4MNAVdc0c';
+        const url = `https://www.googleapis.com/youtube/v3/videos?id=${videoId}&fields=items(snippet(title))&part=snippet&key=${key}`;
+
+        fetch(url)
+            .then(response => response.json())
+            .then(obj => {
+                if (utils.is.object(obj)) {
+                    this.config.title = obj.items[0].snippet.title;
+                    ui.setTitle.call(this);
+                }
+            })
+            .catch(() => {});
+
         // Setup API
         if (utils.is.object(window.YT)) {
             youtube.ready.call(this, videoId);