Support Copy Link for video attachments (#24833)

Creating a `<video>` tag with controls and title.

Author: brechtvl

web_src/js/features/common-global.js

@@ -7,6 +7,7 @@ import {showGlobalErrorMessage} from '../bootstrap.js';
 import {handleGlobalEnterQuickSubmit} from './comp/QuickSubmit.js';
 import {svg} from '../svg.js';
 import {hideElem, showElem, toggleElem} from '../utils/dom.js';
+import {htmlEscape} from 'escape-goat';
 
 const {appUrl, csrfToken} = window.config;
 
@@ -168,6 +169,8 @@ export function initGlobalDropzone() {
             let fileMarkdown = `[${file.name}](/attachments/${file.uuid})`;
             if (file.type.startsWith('image/')) {
               fileMarkdown = `!${fileMarkdown}`;
+            } else if (file.type.startsWith('video/')) {
+              fileMarkdown = `<video src="/attachments/${file.uuid}" title="${htmlEscape(file.name)}" controls></video>`;
             }
             navigator.clipboard.writeText(fileMarkdown);
           });