diff --git a/src/App.vue b/src/App.vue
index 9a9d89c89736e95a15882b445a94ee6bd2884d99..55fc84102e02f10b4e816a45331dca73225f68ff 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -443,6 +443,25 @@ export default {
         html: this.html
       });
     },
+    getVideoList(callback) {
+      const virtualDom = document.createElement("div");
+      virtualDom.style.height = 0;
+      virtualDom.innerHTML = this.html;
+      document.body.appendChild(virtualDom);
+      const vEls = Array.from(virtualDom.getElementsByTagName("video"));
+      const list = vEls.map(item => {
+        item.preload = true;
+        return new Promise((res, rej) => {
+          item.oncanplay = function() {
+            res(item.duration);
+          };
+        });
+      });
+      document.body.removeChild(virtualDom);
+      Promise.all(list).then(res => {
+        callback(res);
+      });
+    },
     queryUserList(keyWord) {
       const _this = this;
       this.$emit("queryUserList", {
@@ -491,6 +510,9 @@ export default {
             item.linkType = linkEl.getAttribute("data-type");
             linkEl.setAttribute("target", "_blank");
             linkEl.setAttribute("href", url);
+            if (item.url.includes(".ipynb")) {
+              linkEl.className = "jupyterEl";
+            }
             const title = getLinkTitle(linkEl, item);
             linkEl.innerHTML = renderLinkCard(title, item);
           });
diff --git a/src/assets/js/utils.js b/src/assets/js/utils.js
index 21b35c349a644e6909cdef84bc6f916c7ebf6579..f08d50c7cdfb1244e596535dff068fe8e13c4998 100644
--- a/src/assets/js/utils.js
+++ b/src/assets/js/utils.js
@@ -401,7 +401,7 @@ export function renderLinkCard(title, item) {
       content = `<span class="md_link_url">${item.url}</span>`;
       break;
     case "3":
-      content = `<span class="jupyter jupyterEl">${item.url}</span>`;
+      content = `<span class="">${item.url}</span>`;
       break;
     default:
       content = `<div class="md_link_card">
diff --git a/src/assets/jupyter-render b/src/assets/jupyter-render
index cbd3992899f157f8804ef8c2720c7f3d56cff03b..0f667900bbbc48bbe5dbd34ae2cc421f7566259e 160000
--- a/src/assets/jupyter-render
+++ b/src/assets/jupyter-render
@@ -1 +1 @@
-Subproject commit cbd3992899f157f8804ef8c2720c7f3d56cff03b
+Subproject commit 0f667900bbbc48bbe5dbd34ae2cc421f7566259e
diff --git a/src/components/header/components/table-select.vue b/src/components/header/components/table-select.vue
index 0b2588018c7fa2fde236eb81b5209d70d29a3364..fb0db2d799056f0d7658b6fa341031a695533f05 100644
--- a/src/components/header/components/table-select.vue
+++ b/src/components/header/components/table-select.vue
@@ -57,7 +57,6 @@ export default {
         " ------ |",
         col
       )}\n${this.createStr("|" + this.createStr(" 单元格 |", col) + "\n", row)}`;
-      console.log(str);
 
       this.$emit("select", str);
     },
diff --git a/src/main.js b/src/main.js
index af145662f9b3bdf0b21400623b00b9df28f37c4f..07f16b0fbca1e49258bf885a75e975c1ff495713 100644
--- a/src/main.js
+++ b/src/main.js
@@ -14,6 +14,7 @@ function initMdEditor(obj) {
     html: ""
   };
   this.vEl = "";
+  this.videoList = [];
   let {
     el,
     onLoad = () => {},
@@ -144,6 +145,10 @@ function initMdEditor(obj) {
       })
   }).$mount(el);
 
+  this.getVideoList = function(callback) {
+    this.vEl.$children[0].getVideoList(callback);
+  };
+
   this.getValue = function(callback) {
     if (callback) {
       callback(this.value);
diff --git a/webpack.config.js b/webpack.config.js
index 860d29fe8a7153a52ca4a0e50d89092610e9ee71..306128b4734739cdc5342b7fd5c46e708c978244 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -8,7 +8,6 @@ module.exports = {
   },
   devServer: {
     contentBase: path.resolve(__dirname, "dist"),
-    host: "live.csdn.net",
     open: true
   },
   resolve: {