Как пользоваться
- Вставьте ссылку на видео YouTube или его 11-символьный ID.
- Задайте время начала и окончания, а также нужные параметры воспроизведения.
- Выберите адаптивный или фиксированный размер и задайте описательный заголовок.
- Скопируйте 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= для повтора?
Параметр повтора YouTube работает только вместе с плейлистом. Если указать в playlist тот же ID видео, одиночное видео будет повторяться.
Работает ли сгенерированный код в WordPress?
Да. Вставьте его в блок «Произвольный HTML». Некоторые конструкторы сайтов удаляют iframe по соображениям безопасности; в таком случае используйте их собственный видеоблок.
Конфиденциальность
Код для вставки создаётся в вашем браузере, и данные никуда не отправляются. Только при нажатии «Показать предпросмотр» браузер загружает плеер с YouTube (или youtube-nocookie.com).