¿Cómo configurar el src de la etiqueta de vídeo en dinámica?
Creo que tengo algo así hecho con un componente personalizado. Quizá ayude
Lee la respuesta completa abajo ↓Pregunta
Hola @artf, Hola, tengo la etiqueta de vídeo y el botón de arrastrar y soltar desde blockmanager. Al hacer clic en el botón, necesito cambiar la URL a src. Pero no funciona, por favor, guíame. editor. BlockManager.add("html/video", { Etiqueta: '<div> <img src="../.../../Images/SiteBuilder/video.svg"/> <div class="mi-etiqueta-bloque">Vídeo</div> ',</div> categoría: 'Controles de la interfaz', tabulación: 'Controles de la interfaz', id: 'Controles de la interfaz', contenido: '<video id="video1" src="..../../../Images/Jotun/Media21-1.m4v"id="TestVideo" controles type="video/mp4">', }); Evento de...
Respuestas (4)
Creo que tengo algo así hecho con un componente personalizado. Quizá ayude
Si solo necesitas actualizar el contenido del bloque (por ejemplo, el cambio se aplicará a bloques nuevos arrastrados), puedes cambiarlo de esta manera: '''js bloque const = editor. BlockManager.get('html/vídeo'); block.set('content', '<vídeo ...>') ``` si necesitas cambiar Componentes en el lienzo...
Gracias @artf y stf1981 por vuestra respuesta. De hecho, arrastro y suelto varios vídeos con el atributo generado de número aleatorio a id. En este caso, ¿cómo actualizar el vídeo seleccionado específico de SRC?
No me han fallado la actualización src.
Gracias por informar de esto, @san-123. Buena pregunta sobre ¿Cómo configurar el src de la etiqueta de vídeo en dinámica?. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del oyente d...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3631
¿Cómo cargar contenido dinámico en el archivo HTML final?
Busqué por todas partes, incluida la sección de problemas, y probé algunas cosas. Pero no tengo muy claro cómo cargar contenido dinámico en...
Issue #3313
Se requieren muchos clics para que el texto sea editable, ¿podemos hacer que el campo de texto sea editable con un solo clic?
ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://...
Issue #3490
Las imágenes grandes hacen que el área del editor de contenido sea inaccesible
Hola, Por ejemplo, si añades un bloque de 3 columnas a una página y tratas de arrastrar una imagen muy amplia a cada columna, el contenido...
Issue #3589
El almacenamiento automático no funciona al refrescar la página
Hola, primero quiero decir que este proyecto es increíble, ¡gracias! Usé código del ejemplo de GrapeJS Demo, y añadí sus datos de guardar y...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Tutorial
Messaging on gjs.market: talk to a studio before you buy, not after
We've launched private messaging between buyers and studios. One thread per buyer–studio pair, the whole history in one place.
Tutorial
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.