添加视频按钮

src/store/modules/editor.js

@@ -2,10 +2,10 @@ import Quill from 'quill';
 
 const BlockEmbed = Quill.import('blots/block/embed')
 
-class Audio extends BlockEmbed {
+export class Audio extends BlockEmbed {
   static create(value) {
-    // console.log(value, 'value')
     const node = super.create(value);
+    console.log(node);
     node.setAttribute('src', value.src);
     node.setAttribute('controls', true);
     node.setAttribute('name', value.name.replace(' ', ''));
@@ -15,7 +15,6 @@ class Audio extends BlockEmbed {
   }
   // 添加value获取当前的audio元素。拿到audio元素的属性。
   static value(domNode) {
-    // console.log(domNode, 'domNode');
     const value = {
       src: '',
       name: '',
@@ -31,9 +30,26 @@ class Audio extends BlockEmbed {
     return value;
   }
 }
-
 Audio.blotName = 'audio'
 Audio.className = 'ql-audio'
 Audio.tagName = 'audio'
 
-export default Audio
+// 视频按钮
+export class View extends BlockEmbed {
+  static create(value) {
+    const node = super.create(value)
+    node.setAttribute('controls', true);
+    node.setAttribute('src', value);
+    return node;
+  }
+  static value(domNode) {
+    const value = {
+      src: ''
+    }
+    value.src = domNode.getAttribute('src')
+    return value
+  }
+}
+View.blotName = 'view'
+View.className = 'ql-view'
+View.tagName = 'video'