tigtools

Генератор коду вставки YouTube

Вставте посилання на YouTube, виберіть параметри програвача та скопіюйте iframe-код на свій сайт. Адаптивний режим заповнює ширину контейнера у форматі 16:9.

Працює у вашому браузері Без реєстрації

Відео

Відтворення

Код мови, наприклад en, de або pt-BR. Задає мову інтерфейсу плеєра, а якщо субтитри ввімкнено — бажану мову субтитрів.

Розмір і сторінка

Розмір

Плеєр займає всю ширину свого контейнера та зберігає пропорції 16:9 завдяки властивості CSS aspect-ratio, яку підтримують сучасні браузери.

Описує плеєр для програм зчитування з екрана. Якщо можливо, використовуйте назву відео.

Код вставки

Вставте посилання на відео, щоб отримати код вставки.

Як користуватися

  1. Вставте посилання на відео YouTube або його 11-символьний ідентифікатор.
  2. Задайте час початку й завершення та потрібні параметри відтворення.
  3. Виберіть адаптивний або фіксований розмір і задайте описовий заголовок.
  4. Скопіюйте HTML і вставте його на сторінку або в HTML-блок вашого конструктора сайтів. Щоб перевірити, натисніть «Показати попередній перегляд».

Як це працює

Код використовує стандартний iframe-плеєр YouTube. Параметри стають URL-параметрами адреси плеєра: start і end (у секундах), autoplay, mute, loop із playlist, controls=0, cc_load_policy=1 для субтитрів, cc_lang_pref для мови субтитрів і hl для мови плеєра. Режим підвищеної конфіденційності змінює адресу на youtube-nocookie.com.

Деякі параметри мають обмеження, встановлені YouTube або браузерами. Автовідтворення працює лише коли відео вимкнено звук, тому інструмент додає mute=1 разом з autoplay. Для зациклення одного відео потрібен параметр playlist з тим самим ідентифікатором відео, і інструмент додає його. Субтитри з’являються лише якщо відео їх має. Відео, власники яких вимкнули вбудовування, покажуть помилку в плеєрі.

Адаптивний режим обгортає iframe у блок з aspect-ratio: 16 / 9 і width: 100%, тому він масштабується разом зі сторінкою без старого прийому з padding-bottom. Фіксований режим записує атрибути width і height. Ліниве завантаження відкладає завантаження плеєра, поки він не опиниться біля видимої частини сторінки.

Приклади

Приватне адаптивне вбудовування

Стандартні налаштування: youtube-nocookie.com, адаптивний формат 16:9 і ліниве завантаження. Вставте цей фрагмент у будь-яку HTML-сторінку.

Фоновий цикл

Автовідтворення, зациклення та відсутність елементів керування дають …/embed/ID?autoplay=1&mute=1&loop=1&playlist=ID&controls=0.

Відтворення лише одного фрагмента

Початок із 1:00 і зупинка на 2:30 дають start=60&end=150, тож програвач відтворює лише цей фрагмент.

Поширені запитання

Чому моє вбудоване відео не відтворюється автоматично зі звуком?

Браузери блокують автовідтворення зі звуком. Для автовідтворення потрібен параметр mute=1, який інструмент додає автоматично; деякі браузери або налаштування все одно можуть його блокувати.

Що робить режим підвищеної конфіденційності?

Він завантажує програвач із youtube-nocookie.com. За даними YouTube, інформація про відвідувачів у такому разі не зберігається для персоналізації, доки вони не відтворять відео.

Чому для зациклення потрібен параметр playlist=?

Параметр loop на YouTube працює лише з playlist. Якщо задати playlist з тим самим ID відео, одне відео повторюється.

Чи працює згенерований код у WordPress?

Так. Вставте його в блок «Користувацький HTML». Деякі конструктори сайтів блокують iframe з міркувань безпеки; тоді скористайтеся їхнім власним блоком відео.

Конфіденційність

Код вставки створюється у вашому браузері, і нічого нікуди не надсилається. Лише якщо ви натиснете «Показати попередній перегляд», ваш браузер завантажить плеєр із YouTube (або youtube-nocookie.com).