fix: show video controls when the editor is in edit mode

Author: RitvikSardana

src/components/TextEditor/InsertVideo.vue

@@ -44,10 +44,12 @@
       />
     </template>
     <template #actions>
-      <Button variant="solid" @click="addVideo(addVideoDialog.url)">
-        Insert Video
-      </Button>
-      <Button @click="reset">Cancel</Button>
+      <div class="flex gap-2">
+        <Button variant="solid" @click="addVideo(addVideoDialog.url)">
+          Insert Video
+        </Button>
+        <Button @click="reset">Cancel</Button>
+      </div>
     </template>
   </Dialog>
 </template>

src/components/TextEditor/video-extension.js

@@ -38,6 +38,7 @@ const Video = Node.create({
       const video = document.createElement('video')
       if (editor.isEditable) {
         video.className = 'pointer-events-none'
+        video.controls = true
       }
       video.src = node.attrs.src
       if (!editor.isEditable) {