Scribble Maps Hilfe-Center
Sprache wechseln

Videos, Telegram-Posts und andere Medien zu einem Marker-Popup hinzufügen

Sie können ein Video, einen Soundclip oder einen Social-Media-Post in das Popup eines Markers einfügen. Es wird direkt im Popup abgespielt, sodass die Betrachter Ihre Karte nicht verlassen müssen.

Einen Einbettungscode hinzufügen

  1. Wählen Sie das Edit/Measure Tool in der oberen Symbolleiste (oder drücken Sie Q).
  2. Klicken Sie auf den Marker. Das Editor-Fenster öffnet sich.
  3. Klicken Sie auf Advanced Editing.
  4. Klicken Sie oben im Beschreibungsfeld auf HTML.
  5. Fügen Sie den Einbettungscode von der Video-Website ein. Die meisten Websites haben eine Share-Schaltfläche mit einer Embed-Option, die Ihnen diesen Code liefert.
  6. Klicken Sie auf Save.

Um es zu überprüfen, wählen Sie das Hand Tool und klicken Sie auf den Marker. Der Player wird im Popup angezeigt.

Wenn Sie während der Bearbeitung zurück zu VISUAL wechseln, wird das Video als Kurzcode in eckigen Klammern angezeigt, wie [[Embed url="..."]]. Das ist normal. Es verwandelt sich wieder in den Player, wenn Sie speichern.

Unterstützte Websites für die Einbettung

Einbettungscodes von diesen Websites werden im Popup abgespielt:

  • Video: YouTube (einschließlich youtube-nocookie.com), Vimeo, TikTok, Instagram, Facebook-Video, Twitch, Dailymotion, Loom, Wistia, Streamable, Rumble und das Internet Archive.
  • Telegram: Posts aus öffentlichen Kanälen.
  • Audio: Spotify, SoundCloud und Bandcamp.
  • Andere: Google Docs, Google Drive-Dateivorschauen, Google Maps-Einbettungen, Matterport-Touren, im Web veröffentlichte Power BI-Berichte und Scribble Maps-Karten.

Ein Einbettungscode von einer anderen Website wird beim Speichern entfernt. Dies ist eine Sicherheitsregel. Sie gilt auch für Videoplayer auf Ihrer eigenen Website. Um ein selbst gehostetes Video anzuzeigen, verlinken Sie die Videodatei direkt (siehe unten).

Die eigenen Regeln der jeweiligen Website gelten weiterhin im Popup. Beispielsweise zeigt ein privater oder gelöschter Post die „Nicht gefunden“-Meldung dieser Website an.

Telegram-Posts

Sie können beide Arten von Code verwenden:

  • Der Embed-Code aus Telegrams eigenem Post-Menü (er beginnt mit <script und enthält data-telegram-post). Scribble Maps wandelt ihn für Sie in einen Player um.
  • Ein Link zum Post in einem Frame, wie folgt:
<iframe src="https://t.me/channelname/1234?embed=1" width="400" height="500"></iframe>

Es können nur Posts aus öffentlichen Kanälen angezeigt werden. Posts aus privaten Gruppen oder privaten Kanälen können nicht eingebettet werden.

Eine Videodatei direkt abspielen

Wenn Sie einen direkten Link zu einer Videodatei haben (die auf .mp4 oder .webm endet und mit https beginnt), fügen Sie diesen in HTML ein:

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

Für eine Sounddatei verwenden Sie <audio src="https://example.com/my-sound.mp3"></audio>.

Wiedergabe- und Lautstärkeregler werden immer hinzugefügt, sodass Betrachter den Clip anhalten können. Videos und Töne starten niemals von selbst.

Größe

Ändern Sie die Zahlen für width und height im Code, um den Player größer oder kleiner zu machen. Telegrams eigener Embed-Code wird zu einem Player mit einer Breite von 400 und einer Höhe von 500. Sie können diese Zahlen nach der Konvertierung ändern.

Verwandte Themen

Zuletzt aktualisiert