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

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

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

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

  1. Выберите Инструмент правки/измерения на верхней панели инструментов.
    Быстрая клавиша: Либо нажмите клавишу «Q» на клавиатуре.
  2. Нажмите на маркер. Откроется окно его редактирования.
  3. Нажмите Расширенная правка.
  4. Нажмите HTML в верхней части поля описания.
  5. Вставьте код встраивания с видеосайта. На большинстве сайтов есть кнопка Поделиться с опцией Embed, которая даёт этот код.
  6. Нажмите Сохранить.

Чтобы проверить результат, выберите Инструмент «Рука» и нажмите на маркер. Проигрыватель появится во всплывающем окне.

Если во время редактирования вы переключитесь обратно в режим ВИЗУАЛЬНО, видео отобразится как короткий код в квадратных скобках, например [[Embed url="..."]]. При сохранении этот код снова преобразуется в проигрыватель.

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

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

  • Видео: YouTube (включая youtube-nocookie.com), Vimeo, TikTok, Instagram, видео Facebook, Twitch, Dailymotion, Loom, Wistia, Streamable, Rumble и Internet Archive.
  • Telegram: посты из публичных каналов.
  • Аудио: Spotify, SoundCloud и Bandcamp.
  • Другое: Google Docs, предпросмотр файлов Google Drive, встраивания Google Карты, туры 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 и height в коде, чтобы сделать проигрыватель больше или меньше. Собственный код Embed из Telegram преобразуется в проигрыватель шириной 400 и высотой 500. Вы можете изменить эти числа после преобразования.

См. также

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