feat(extension): embed: youtube, qqvideo

src/components/views/OEmbedView.vue

@@ -49,6 +49,7 @@ export default {
 
       this.link = this.originalLink
       this.src = result.src
+      console.log('result', result)
     }
   },
   computed: {

src/data/embed.js

@@ -62,6 +62,12 @@ export const getEmbedService = (value) => {
  * @src source src, used in iframe
  */
 export const EmbedServiceLink = {
+  youtube: {
+    link: 'https://www.youtube.com/watch?v=FA8S1ISmDiY',
+    src: 'https://www.youtube.com/embed/FA8S1ISmDiY',
+    srcPrefix: 'https://www.youtube.com/embed',
+    linkRule: 'www.youtube.com\\/watch\\?v=\\w+'
+  },
   youku: {
     link: 'https://v.youku.com/v_show/id_XNDM0NDM4MTcy.html?spm=a2h0c.8166622.PhoneSokuUgc_4.dtitle',
     src: 'https://player.youku.com/embed/XNDM0NDM4MTcy',
@@ -74,7 +80,36 @@ export const EmbedServiceLink = {
     src: 'https://player.bilibili.com/player.html?bvid=BV1EJ411u7DN',
     srcPrefix: 'https://player.bilibili.com/player.html?bvid',
     linkRule: 'www.bilibili.com\\/video\\/\\w+',
+  },
+  qqvideo: {
+    link: 'https://v.qq.com/x/cover/mzc002001pvxwzy/i0033cgr1vn.html',
+    src: 'https://v.qq.com/txp/iframe/player.html?vid=i0033cgr1vn',
+    srcPrefix: 'https://v.qq.com/txp/iframe/player.html?vid',
+    linkRule: 'v.qq.com\\/x\\/cover\\/\\w+\\/\\w+',
+  }
+}
+
+function getYoutubeSrc (originalLink, result) {
+  let link = EmbedServiceLink.youtube
+  let linkRule = link.linkRule
+  let regex = new RegExp(linkRule)
+  let match = originalLink.match(regex)
+  if (match && match.length > 0) {
+    let url = match[0]
+    result.validLink = true
+
+    let splits = url.split('=')
+    let len = splits.length
+    if (len > 0) {
+      let id = splits[len - 1]
+      result.src = `${link.srcPrefix}/${id}`
+      result.validId = true
+    }
+  } else {
+    result.validLink = false
   }
+
+  return result
 }
 
 function getYoukuSrc (originalLink, result) {
@@ -127,6 +162,29 @@ function getBilibiliSrc (originalLink, result) {
   return result
 }
 
+function getQQVideoSrc (originalLink, result) {
+  let link = EmbedServiceLink.qqvideo
+  let linkRule = link.linkRule
+  let regex = new RegExp(linkRule)
+  let match = originalLink.match(regex)
+  if (match && match.length > 0) {
+    let url = match[0]
+    result.validLink = true
+
+    let splits = url.split('/')
+    let len = splits.length
+    if (len > 0) {
+      let id = splits[len - 1]
+      result.src = `${link.srcPrefix}=${id}`
+      result.validId = true
+    }
+  } else {
+    result.validLink = false
+  }
+
+  return result
+}
+
 export const getServiceSrc = (service, originalLink) => {
   let result = {
     validLink: false,
@@ -135,10 +193,14 @@ export const getServiceSrc = (service, originalLink) => {
   }
 
   switch (service) {
+    case 'youtube':
+      return getYoutubeSrc(originalLink, result)
     case 'youku':
       return getYoukuSrc(originalLink, result)
     case 'bilibili':
       return getBilibiliSrc(originalLink, result)
+    case 'qqvideo':
+      return getQQVideoSrc(originalLink, result)
   }
 
   return result