Centre d'aide Scribble Maps
Changer de langue

Ajouter des vidéos, des publications Telegram et d'autres médias à un popup de marqueur

Vous pouvez insérer une vidéo, un clip audio ou une publication de réseau social à l'intérieur du popup d'un marqueur. La lecture se fait directement dans le popup, de sorte que les spectateurs ne quittent pas votre carte.

Ajouter un code d'intégration

  1. Sélectionnez le Edit/Measure Tool dans la barre d'outils supérieure (ou appuyez sur Q).
  2. Cliquez sur le marqueur. Sa fenêtre d'édition s'ouvre.
  3. Cliquez sur Advanced Editing.
  4. Cliquez sur HTML en haut de la zone de description.
  5. Collez le code d'intégration du site vidéo. La plupart des sites disposent d'un bouton Share avec une option Embed qui vous fournit ce code.
  6. Cliquez sur Save.

Pour le vérifier, sélectionnez le Hand Tool et cliquez sur le marqueur. Le lecteur s'affiche dans le popup.

Si vous revenez à VISUAL pendant l'édition, la vidéo s'affiche sous forme de code court entre crochets, comme [[Embed url="..."]]. C'est normal. Elle redevient le lecteur lorsque vous enregistrez.

Sites que vous pouvez intégrer

Les codes d'intégration de ces sites sont lus à l'intérieur du popup :

  • Vidéo : YouTube (y compris youtube-nocookie.com), Vimeo, TikTok, Instagram, Facebook video, Twitch, Dailymotion, Loom, Wistia, Streamable, Rumble et Internet Archive.
  • Telegram : publications de canaux publics.
  • Audio : Spotify, SoundCloud et Bandcamp.
  • Autre : Google Docs, aperçus de fichiers Google Drive, intégrations Google Maps, visites virtuelles Matterport, rapports Power BI publiés sur le Web et cartes Scribble Maps.

Tout code d'intégration provenant d'un autre site est supprimé lorsque vous enregistrez. Il s'agit d'une règle de sécurité. Cela s'applique également aux lecteurs vidéo de votre propre site Web. Pour afficher une vidéo que vous hébergez vous-même, liez directement le fichier vidéo (voir ci-dessous).

Les propres règles de chaque site s'appliquent toujours à l'intérieur du popup. Par exemple, une publication privée ou supprimée affichera le message « non trouvé » de ce site.

Publications Telegram

Vous pouvez utiliser l'un ou l'autre type de code :

  • Le code Embed du propre menu de publication de Telegram (il commence par <script et contient data-telegram-post). Scribble Maps le transforme en lecteur pour vous.
  • Un lien vers la publication dans un cadre, comme ceci :
<iframe src="https://t.me/channelname/1234?embed=1" width="400" height="500"></iframe>

Seules les publications des canaux publics peuvent être affichées. Les publications de groupes privés ou de canaux privés ne peuvent pas être intégrées.

Lire directement un fichier vidéo

Si vous disposez d'un lien direct vers un fichier vidéo (se terminant par .mp4 ou .webm et commençant par https), collez-le dans HTML :

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

Pour un fichier audio, utilisez <audio src="https://example.com/my-sound.mp3"></audio>.

Des commandes de lecture et de volume sont toujours ajoutées, afin que les spectateurs puissent mettre le clip en pause. Les vidéos et les sons ne démarrent jamais d'eux-mêmes.

Taille

Modifiez les valeurs de width et height dans le code pour agrandir ou rétrécir le lecteur. Le propre code Embed de Telegram devient un lecteur de 400 de large et 500 de haut. Vous pouvez modifier ces chiffres après la conversion.

Articles connexes

Dernière mise à jour