Subir vídeo en el elemento imagen

Hola. Estaba intentando implementar la subida de vídeos usando el elemento Image con el gestor de assets, pero me detuve en el paso en el que quería reemplazar la etiqueta img por una etiqueta de vídeo en la llamada de vuelta UpdateTarget, pregunto si hay alguna forma sencilla de implementarlo. Gracias de antemano. Aquí tienes un fragmento de mi código '''js activos var = [];

var editor = grapesjs.init({ Altura: '100%', Offsets: 1, avisoOnUnload: 0, componentes: '', Estilo: '', Contenedor: '#gjs', fromElement: cierto,

Plugins: ['GJS-preset-webpage'], pluginsOpts: { 'gjs-preset-webpage': {} }, assetManager: { activos: activos, noAssets: '', subir: '/propietario/website_front/medio/asset_upload', uploadName:'Media', cabeceras: {}, autoAdd: 1, addBtnText: 'Añadir imagen', Texto al subir la entrada uploadText: 'Deja archivos aquí o haz clic para subir',

modalTítulo: 'Seleccionar imagen',

params: {}, },

storageManager: { Tipo: 'A distancia', pasos Antes de guardar: 1, urlStore: '', urlLoad: '', params: {}, // Para valores personalizados en peticiones } });

Consigue primero el módulo de Asset Manager const am = editor. Gestor de Activos; am.addType('video', { Vista: { updateTarget(target) { const src = this.model.get('src'); Solo para hacerlo un poco interesante, si es un tipo de imagen Puse el SVG como un uri de datos, contenido por lo demás if (target.get('type') == 'imagen') { Consejo: también puedes usar 'data:image/svg+xml;utf8,<svg ...' pero tú Tengo que escapar de unos pocos personajes

target.set('src', 'data:mime/type; base64,${BTOA(SVG)}'); } else { target.set('content', SVG); } },

getPreview() { const src = this.model.get('src'); volver '<div> <clase de vídeo="gjs-no-pointer" style="altura: 100%; ancho: 100%;" src="${src}"> </video>';</div> }, getInfo() { devolver '<div>'+ this.model.get('src') +'</div>'; } }, isType(value) { Por ejemplo, Aquí puedes comprobar/analizar/buscar URL e intentar Entiende el tipo

if (tipode de valor == 'cadena' ) { value_parts = valor.dividido('.'); ext = value_parts[value_parts.length - 1]; if(ext == 'mp4'){ console.log('4444'); return { type: 'video', src: value }; } } } }); am.add({type:'video',src:'https://oidev.daftra.dev/files/db4715bd/medias/d9717_SampleVideo_1280x720_1mb.mp4'});

am.render(am.getAll().filter(asset => asset.get('type') == 'video' ));```