Scribble Maps Help Center
Change language

Додавання відео, дописів Telegram та інших медіа у спливне вікно маркера

Ви можете вбудовувати відео, аудіо та підтримувані дописи із соціальних мереж у спливне вікно маркера. Глядачі зможуть відтворювати медіа прямо у спливному вікні.

Додавання коду для вбудовування

  1. Виберіть Інструмент редагування/вимірювання на верхній панелі інструментів.
    Швидка клавіша: також можна натиснути клавішу «Q» на клавіатурі.
  2. Клацніть маркер. Відкриється вікно його редактора.
  3. Клацніть Розширене редагування.
  4. Клацніть HTML угорі поля опису.
  5. Вставте код для вбудовування з відеосайту. На більшості сайтів є кнопка Поділитися з варіантом Вбудувати, який дає цей код.
  6. Клацніть Зберегти.

Щоб перевірити результат, виберіть Інструмент «Рука» і клацніть маркер. У спливному вікні з’явиться програвач.

Якщо під час редагування ви перейдете назад у режим VISUAL, відео відображатиметься як короткий код у квадратних дужках, наприклад [[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 Maps, тури Matterport, звіти Power BI, опубліковані в інтернеті, та карти Scribble Maps.

Примітка: код для вбудовування з будь-якого іншого сайту видаляється під час збереження. Це обмеження захищає безпеку вбудованого вмісту. Воно також стосується відеопрогравачів на вашому власному вебсайті. Щоб показати відео, яке ви розміщуєте самостійно, додайте пряме посилання на відеофайл (див. нижче).

Усередині спливного вікна й надалі діють правила кожного окремого сайту. Наприклад, для приватного чи видаленого допису відображається повідомлення цього сайту про те, що вміст не знайдено.

Дописи Telegram

Можна використати будь-який із двох видів коду:

  • Код Вбудувати з меню допису в самому 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. Ці числа можна змінити після перетворення.

Див. також

Last updated