diff --git a/src/App.vue b/src/App.vue
index 4b4f3e2af397e7bbe266bc40cdd062e042e994b6..6d452157d473f76dc9154b4288df0ecf7034b832 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -245,7 +245,7 @@ export default {
         const newText = formatText(
           originalText,
           selectionInfo,
-          "\n![video](",
+          "![video](",
           `${url} '${name}')\n`
         );
         _this.text = newText;
diff --git a/src/assets/js/utils.js b/src/assets/js/utils.js
index 2866aacfaed5e207cddc51d0bf4c6b7d2239f668..88e05c3d1d466c7db61d089e3254e0ff50401893 100644
--- a/src/assets/js/utils.js
+++ b/src/assets/js/utils.js
@@ -385,12 +385,26 @@ export function getLinkTitle(linkEl, item) {
   const originTitle = linkEl.innerText;
   const titleEl = Array.from(linkEl.getElementsByClassName("md_link_title"));
   if (titleEl.length) return item.title || titleEl[0].innerText;
-  return /^http/.test(originTitle) ? "" : originTitle;
+  return /^(http|www)/.test(originTitle) ? "" : originTitle;
+}
+
+export function removeLinkHeadAndEnd(link) {
+  if (!link) return "";
+  return link.replace(/^https?:\/\//, "").replace(/\/$/, "");
 }
 
 export function renderLinkCard(title, item) {
+  console.log(item.title);
+  console.log(item.url);
+
   return `
-  <span class="md_link_title">${title || item.title || ""}</span>
+  ${
+    removeLinkHeadAndEnd(item.title) === removeLinkHeadAndEnd(item.url)
+      ? ""
+      : `
+    <span class="md_link_title">${title || item.title || ""}</span>
+    `
+  }
   ${`<span class="md_link_desc" style="${
     item.description ? "" : "margin: 0px 0 2px"
   }">${item.description || ""}</span>`}
diff --git a/src/assets/style/markdown.less b/src/assets/style/markdown.less
index a5d4940fe12da6ca81ccbe6becd67059ff5a2553..8a2836dc858bdfca0e134327d1e52673ec8f3317 100644
--- a/src/assets/style/markdown.less
+++ b/src/assets/style/markdown.less
@@ -10,7 +10,9 @@
 .md_preview {
   font-family: -apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB,
     Microsoft YaHei, WenQuanYi Micro Hei, sans-serif, SimHei, SimSun;
-
+  video {
+    display: block;
+  }
   img {
     max-width: 100%;
     height: auto;
diff --git a/src/components/content/mixins/render-mixins.js b/src/components/content/mixins/render-mixins.js
index 5a5d8e50a0cfce7bb34fa21bdcc03c54c2d677f5..97dcc3b3e4b3158296bf676f47488f1c64f8d441 100644
--- a/src/components/content/mixins/render-mixins.js
+++ b/src/components/content/mixins/render-mixins.js
@@ -72,15 +72,13 @@ export default {
               </div>
             </div>`;
           }
-          //   if (text === "video") {
-          //     return `<video
-          //         class="video-js"
-          //         controls
-          //         preload="auto"
-          //         data-setup='{}'>
-          //       <source src="${href}" type="video/mp4"></source>
-          //     </video>`;
-          //   }
+          if (text === "video") {
+            return `<video
+                  class="video-js"
+                  controls
+                  src="${href}"
+                   />`;
+          }
           // ![img](...)渲染图片
           let out = '<img src="' + href + '" alt="' + text + '"';
           if (title) {
diff --git a/src/components/header/components/tool-button.vue b/src/components/header/components/tool-button.vue
index 371d0a1f00101364873c3dd164e48cdebcfb68b7..4ccffbb144b5dbce570e791fc6678f7c6d4a2db7 100644
--- a/src/components/header/components/tool-button.vue
+++ b/src/components/header/components/tool-button.vue
@@ -118,12 +118,20 @@ export default {
         // content: this.info.tip,
         customComponent: videoSelect,
         customClass: "videoSelectDialog",
-        width: 80,
+        width: 72,
         customListeners: {
-          select: val => {
+          addVideo: val => {
             this.closeTips();
-            const lang = val.toLowerCase().replace(/-/, "");
-            this.handleTool("code", "\n```" + lang + "\n", "\n\n\n```");
+            switch (val) {
+              case "link":
+                this.handleTool("code", "![video](", ")\n");
+                break;
+              case "upload":
+                this.$emit("upload", "video");
+                break;
+              default:
+                break;
+            }
           }
         },
         zIndex: parseInt(this.zIndex) + 1,
diff --git a/src/components/header/components/video-select.vue b/src/components/header/components/video-select.vue
index 59204e647b7e86ae2dedf1aac58b0be787edd447..4f3f5d2579dfe09672a108a03d7336c0c6ae4e2f 100644
--- a/src/components/header/components/video-select.vue
+++ b/src/components/header/components/video-select.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="video_select_container">
     <ul>
-      <li>上传视频</li>
-      <li>插入视频</li>
+      <li @click="$emit('addVideo', 'upload')">上传视频</li>
+      <li @click="$emit('addVideo', 'link')">插入视频</li>
     </ul>
   </div>
 </template>
@@ -42,6 +42,7 @@ ul {
     cursor: pointer;
     height: 24px;
     line-height: 24px;
+    text-align: center;
     &:hover {
       color: var(--md-editor-border-color-active);
     }
diff --git a/src/components/header/md-header.vue b/src/components/header/md-header.vue
index 3f4b5c665086e69822c420ef20c360f06828b633..55ce8b5d3b23b1624b5e4b500a217fa6bad49d31 100644
--- a/src/components/header/md-header.vue
+++ b/src/components/header/md-header.vue
@@ -237,13 +237,13 @@ export default {
           startStr: "",
           endStr: ""
         },
-        // {
-        //   name: "video",
-        //   icon: "shipin",
-        //   tip: "上传视频",
-        //   startStr: "",
-        //   endStr: ""
-        // },
+        {
+          name: "video",
+          icon: "shipin",
+          tip: "上传视频",
+          startStr: "",
+          endStr: ""
+        },
         {
           name: "task",
           icon: "renwu",