Central de Ajuda do Scribble Maps
Alterar idioma

Adicionar vídeos, publicações do Telegram e outras mídias a um popup de marcador

Você pode colocar um vídeo, um clipe de som ou uma publicação de rede social dentro do popup de um marcador. Ele é reproduzido diretamente no popup, para que os visitantes não saiam do seu mapa.

Adicionar um código de incorporação

  1. Selecione a Edit/Measure Tool na barra de ferramentas superior (ou pressione Q).
  2. Clique no marcador. A janela do editor será aberta.
  3. Clique em Advanced Editing.
  4. Clique em HTML no topo da caixa de descrição.
  5. Cole o código de incorporação do site de vídeo. A maioria dos sites tem um botão Share com uma opção Embed que fornece este código.
  6. Clique em Save.

Para testar, selecione a Hand Tool e clique no marcador. O reprodutor será exibido no popup.

Se você voltar para VISUAL durante a edição, o vídeo será exibido como um código curto entre colchetes, como [[Embed url="..."]]. Isso é normal. Ele voltará a ser o reprodutor quando você salvar.

Sites que você pode incorporar

Os códigos de incorporação destes sites são reproduzidos dentro do popup:

  • Vídeo: YouTube (incluindo youtube-nocookie.com), Vimeo, TikTok, Instagram, vídeo do Facebook, Twitch, Dailymotion, Loom, Wistia, Streamable, Rumble e o Internet Archive.
  • Telegram: publicações de canais públicos.
  • Áudio: Spotify, SoundCloud e Bandcamp.
  • Outros: Google Docs, pré-visualizações de arquivos do Google Drive, incorporações do Google Maps, tours do Matterport, relatórios do Power BI publicados na web e mapas do Scribble Maps.

Qualquer código de incorporação de outro site será removido quando você salvar. Esta é uma regra de segurança. Também se aplica a reprodutores de vídeo no seu próprio site. Para mostrar um vídeo que você mesmo hospeda, insira o link direto para o arquivo de vídeo (veja abaixo).

As próprias regras de cada site ainda se aplicam dentro do popup. Por exemplo, uma publicação privada ou excluída mostrará a mensagem de "não encontrado" desse site.

Publicações do Telegram

Você pode usar qualquer um dos tipos de código:

  • O código Embed do próprio menu de publicação do Telegram (começa com <script e tem data-telegram-post). O Scribble Maps o transforma em um reprodutor para você.
  • Um link para a publicação em um frame, assim:
<iframe src="https://t.me/channelname/1234?embed=1" width="400" height="500"></iframe>

Apenas publicações de canais públicos podem ser exibidas. Publicações de grupos privados ou canais privados não podem ser incorporadas.

Reproduzir um arquivo de vídeo diretamente

Se você tiver um link direto para um arquivo de vídeo (termina em .mp4 ou .webm e começa com https), cole isto em HTML:

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

Para um arquivo de som, use <audio src="https://example.com/my-sound.mp3"></audio>.

Os controles de reprodução e volume são sempre adicionados, para que os visitantes possam pausar o clipe. Vídeos e sons nunca começam sozinhos.

Tamanho

Altere os números de width e height no código para tornar o reprodutor maior ou menor. O próprio código Embed do Telegram torna-se um reprodutor com 400 de largura e 500 de altura. Você pode alterar esses números após a conversão.

Relacionado

Última atualização