embed vimeo and youtube

1 files changed, 50 insertions, 0 deletions

diff --git a/juick-www/src/main/js/killy/index.js b/juick-www/src/main/js/killy/index.js
index 391ce3b6..4d2331b6 100644
--- a/juick-www/src/main/js/killy/index.js
+++ b/juick-www/src/main/js/killy/index.js
@@ -41,6 +41,17 @@ function makeCts(makeNodeCallback, title) {
   return ctsNode;
 }
 
+function makeIframe(src, w, h, scrolling='no') {
+  let iframe = document.createElement('iframe');
+  iframe.width = w;
+  iframe.height = h;
+  iframe.frameBorder = 0;
+  iframe.scrolling = scrolling;
+  iframe.setAttribute('allowFullScreen', '');
+  iframe.src = src;
+  return iframe;
+}
+
 function naiveEllipsis(str, len, ellStr='...') {
   let ellLen = ellStr.length;
   if (str.length <= len) { return str; }
@@ -110,6 +121,45 @@ function getEmbedableLinkTypes() {
         audio.setAttribute('controls', '');
         return wrapIntoTag(audio, 'div', 'audio');
       }
+    },
+    {
+      name: 'YouTube videos (and playlists)',
+      id: 'embed_youtube_videos',
+      ctsDefault: false,
+      re: /^(?:https?:)?\/\/(?:www\.|m\.)?(?:youtu(?:(?:\.be\/|be\.com\/(?:v|embed)\/)([-\w]+)|be\.com\/watch)((?:(?:\?|&(?:amp;)?)(?:\w+=[-\.\w]*[-\w]))*)|youtube\.com\/playlist\?list=([-\w]*)(&(amp;)?[-\w\?=]*)?)/i,
+      makeNode: function(aNode, reResult) {
+        let [url, v, args, plist] = reResult;
+        let iframeUrl = url;
+        if (plist !== undefined) {
+          iframeUrl = '//www.youtube-nocookie.com/embed/videoseries?list=' + plist;
+        } else {
+          args = args.replace(/^\?/, '');
+          let arr = args.split('&').map(s => s.split('='));
+          let pp = {}; arr.forEach(z => pp[z[0]] = z[1]);
+          let embedArgs = { rel: '0' };
+          if (pp.t != undefined) {
+            const tre = /^(?:(\d+)|(?:(\d+)h)?(?:(\d+)m)?(\d+)s|(?:(\d+)h)?(\d+)m|(\d+)h)$/i;
+            let [, t, h, m, s, h1, m1, h2] = tre.exec(pp.t);
+            embedArgs['start'] = (+t) || ((+(h || h1 || h2 || 0))*60*60 + (+(m || m1 || 0))*60 + (+(s || 0)));
+          }
+          if (pp.list !== undefined) {
+            embedArgs['list'] = pp.list;
+          }
+          v = v || pp.v;
+          iframeUrl = '//www.youtube-nocookie.com/embed/' + v + '?' + Object.keys(embedArgs).map(k => `${k}=${embedArgs[k]}`).join('&');
+        }
+        return wrapIntoTag(makeIframe(iframeUrl, 640, 360), 'div', 'youtube');
+      }
+    },
+    {
+      name: 'Vimeo videos',
+      id: 'embed_vimeo_videos',
+      ctsDefault: false,
+      //re: /^(?:https?:)?\/\/(?:www\.)?(?:player\.)?vimeo\.com\/(?:(?:video\/|album\/[\d]+\/video\/)?([\d]+)|([\w-]+)\/(?!videos)([\w-]+))/i,
+      re: /^(?:https?:)?\/\/(?:www\.)?(?:player\.)?vimeo\.com\/(?:video\/|album\/[\d]+\/video\/)?([\d]+)/i,
+      makeNode: function(aNode, reResult) {
+        return wrapIntoTag(makeIframe('//player.vimeo.com/video/' + reResult[1], 640, 360), 'div', 'vimeo');
+      }
     }
   ]
 }