Centro de Ayuda de Scribble Maps
Cambiar idioma

Agregar videos, publicaciones de Telegram y otros medios a una ventana emergente de marcador

Puede incrustar videos, clips de audio y publicaciones de redes sociales compatibles en una ventana emergente de marcador. Los espectadores pueden reproducir el contenido multimedia dentro de la ventana emergente.

Agregar un código de incrustación

  1. Elegir la Herramienta de edición/medición en la barra de herramientas superior.
    Tecla rápida: O puede presionar el botón "Q" en su teclado.
  2. Clic en el marcador. Se abre su ventana de edición.
  3. Clic en Edición avanzada.
  4. Clic en HTML en la parte superior del cuadro de descripción.
  5. Pegar el código de incrustación del sitio de video. La mayoría de los sitios tienen un botón Compartir con una opción Embed que le proporciona este código.
  6. Clic en Guardar.

Para comprobar el resultado, elija la Herramienta Mano y haga clic en el marcador. El reproductor aparece en la ventana emergente.

Si vuelve a VISUAL mientras edita, el video se muestra como un código corto entre corchetes, como [[Embed url="..."]]. El código corto se convierte de nuevo en el reproductor al guardar.

Sitios que puede incrustar

Los códigos de incrustación de estos sitios se reproducen dentro de la ventana emergente:

  • Video: YouTube (incluido youtube-nocookie.com), Vimeo, TikTok, Instagram, Facebook video, Twitch, Dailymotion, Loom, Wistia, Streamable, Rumble y el Internet Archive.
  • Telegram: publicaciones de canales públicos.
  • Audio: Spotify, SoundCloud y Bandcamp.
  • Otro: Google Docs, vistas previas de archivos de Google Drive, incrustaciones de Google Maps, recorridos de Matterport, informes de Power BI publicados en la web y mapas de Scribble Maps.

Nota: Un código de incrustación de cualquier otro sitio se elimina al guardar. Esta restricción protege la seguridad del contenido incrustado. También se aplica a los reproductores de video de su propio sitio web. Para mostrar un video que usted mismo aloja, enlace el archivo de video directamente (vea a continuación).

Las propias reglas de cada sitio siguen aplicándose dentro de la ventana emergente. Por ejemplo, una publicación privada o eliminada muestra el mensaje de "no encontrado" de ese sitio.

Publicaciones de Telegram

Puede usar cualquiera de los dos tipos de código:

  • El código Embed del propio menú de publicaciones de Telegram (comienza con <script y tiene data-telegram-post). Scribble Maps lo convierte en un reproductor.
  • Un enlace a la publicación en un marco, así:
<iframe src="https://t.me/channelname/1234?embed=1" width="400" height="500"></iframe>

Solo se pueden mostrar publicaciones de canales públicos. Las publicaciones de grupos privados o canales privados no se pueden incrustar.

Reproducir un archivo de video directamente

Si tiene un enlace directo a un archivo de video (termina en .mp4 o .webm y comienza con https), pegue esto en HTML:

<video src="https://example.com/my-video.mp4" width="400"></video>

Para un archivo de sonido, use <audio src="https://example.com/my-sound.mp3"></audio>.

Los controles de reproducción y volumen siempre se agregan, para que los espectadores puedan pausar el clip. Los videos y sonidos nunca comienzan por sí solos.

Ajustar el tamaño del reproductor

Cambie los números de width y height en el código para hacer el reproductor más grande o más pequeño. El propio código Embed de Telegram se convierte en un reproductor de 400 de ancho y 500 de alto. Puede cambiar esos números después de que se convierta.

Vea también

Última actualización