Справочный центр Scribble Maps
Сменить язык

Добавление видео, постов Telegram и других медиафайлов во всплывающее окно маркера

Вы можете поместить видео, аудиоклип или пост из социальных сетей во всплывающее окно маркера. Они воспроизводятся прямо во всплывающем окне, поэтому зрителям не нужно покидать вашу карту.

Добавление кода встраивания

  1. Выберите Edit/Measure Tool на верхней панели инструментов (или нажмите Q).
  2. Кликните по маркеру. Откроется окно его редактора.
  3. Нажмите Advanced Editing.
  4. Нажмите HTML в верхней части поля описания.
  5. Вставьте код встраивания с видеохостинга. На большинстве сайтов есть кнопка Share с опцией Embed, которая предоставляет этот код.
  6. Нажмите Save.

Чтобы проверить это, выберите Hand Tool и кликните по маркеру. Проигрыватель отобразится во всплывающем окне.

Если во время редактирования вы переключитесь обратно на VISUAL, видео будет отображаться в виде короткого кода в квадратных скобках, например [[Embed url="..."]]. Это нормально. Оно снова превратится в проигрыватель после сохранения.

Сайты, которые можно встраивать

Коды встраивания со следующих сайтов воспроизводятся внутри всплывающего окна:

  • Видео: YouTube (включая youtube-nocookie.com), Vimeo, TikTok, Instagram, Facebook video, Twitch, Dailymotion, Loom, Wistia, Streamable, Rumble и Internet Archive.
  • Telegram: посты из публичных каналов.
  • Аудио: Spotify, SoundCloud и Bandcamp.
  • Другое: Google Docs, предварительный просмотр файлов Google Drive, встроенные карты Google Maps, туры Matterport, отчеты Power BI, опубликованные в веб, и карты Scribble Maps.

Код встраивания с любого другого сайта удаляется при сохранении. Это правило безопасности. Оно также относится к видеоплеерам на вашем собственном веб-сайте. Чтобы показать видео, которое вы размещаете у себя, укажите прямую ссылку на видеофайл (см. ниже).

Собственные правила каждого сайта по-прежнему действуют внутри всплывающего окна. Например, для приватного или удаленного поста будет отображаться сообщение этого сайта «не найдено».

Посты Telegram

Вы можете использовать любой из этих типов кода:

  • Код Embed из собственного меню публикации Telegram (он начинается с <script и содержит data-telegram-post). Scribble Maps автоматически преобразует его в проигрыватель.
  • Ссылка на публикацию во фрейме, например:
<iframe src="https://t.me/channelname/1234?embed=1" width="400" height="500"></iframe>

Можно показывать только публикации из публичных каналов. Публикации из приватных групп или приватных каналов встроить нельзя.

Прямое воспроизведение видеофайла

Если у вас есть прямая ссылка на видеофайл (оканчивающаяся на .mp4 или .webm и начинающаяся с https), вставьте ее в HTML:

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

Для аудиофайла используйте <audio src="https://example.com/my-sound.mp3"></audio>.

Элементы управления воспроизведением и громкостью добавляются всегда, чтобы зрители могли приостановить клип. Видео и звуки никогда не запускаются автоматически.

Размер

Измените значения width and height в коде, чтобы сделать проигрыватель больше или меньше. Собственный код Embed от Telegram преобразуется в проигрыватель шириной 400 и высотой 500 пикселей. Вы можете изменить эти числа после конвертации.

Связанные статьи

Последнее обновление