Код для вставки видео

Инструмент превращает ссылку на ролик с YouTube, RuTube или VK Видео в готовый iframe-код для вставки на сайт.

Вставьте ссылку из адресной строки браузера или из кнопки «Поделиться» на YouTube, RuTube или VK Видео. Для Дзена нужен код встраивания. Подойдёт и готовый iframe-код.

Настройки плеера

Код для вставки

Готовый код вставьте в HTML страницы на место, где должен стоять плеер. В WordPress для этого есть блок «Произвольный HTML». В визуальный редактор код не вставляйте: там он станет обычным текстом.

Код для вставки видео готовится из обычной ссылки на ролик: вы вставляете её в поле, генератор превращает ссылку в адрес плеера (embed) и собирает из него тег iframe. Код лежит в окне «Код для вставки», кнопка «Скопировать» переносит его в буфер. Адрес плеера доступен и отдельно: кнопки «Скопировать» и «Открыть» стоят рядом с ним, при открытии плеер показывается во весь экран вкладки. Предпросмотр под кодом показывает, как ролик будет выглядеть на сайте. Это тот же код, который вы скопируете.

Откуда взять ссылку на видео

Ссылку берите из адресной строки браузера на странице ролика. Генератор понимает адреса YouTube (watch, youtu.be, shorts, live, embed), RuTube, VK Видео (vkvideo.ru, vk.com, клипы) и Дзен. Для YouTube подойдёт и сокращённая ссылка youtu.be, и время начала из адреса: оно перенесётся в настройку старта. Брать нужно ссылку на один ролик, а не на канал или плейлист, иначе корректный плеер не соберётся.

У RuTube и VK Видео есть нюансы. Закрытое видео на RuTube открывается по ссылке с ключом p, такой адрес тоже работает. Публичный ролик VK встраивается без ключа; если ключ всё же есть в ссылке, генератор его сохраняет. Если у площадки уже есть готовый iframe-код, из него берётся адрес плеера, и генератор собирает код заново.

С Дзеном иначе: из ссылки просмотра адрес плеера не выводится. Код для встраивания нужно взять через кнопку «Поделиться» на странице самого видео. Настройки генератора к Дзену не применяются, плеер придёт таким, какой даёт сама площадка.

Как работают настройки плеера

«Начать с» задаёт точку, с которой ролик стартует на сайте. Время пишется в секундах или в формате 1:30 и 1:02:03. Если поле оставить пустым, старт перенесётся из исходной ссылки, если там было указано время.

Браузеры сами не запускают видео со звуком. Настройка «Автозапуск без звука» учитывает это ограничение: у YouTube ролик пойдёт сам, но беззвучно. У VK параметр выключенного звука отсутствует, и автозапуск там может не сработать. У RuTube эта настройка через ссылку не передаётся, поэтому генератор её не добавляет. Включать автозапуск без надобности не стоит: беззвучный ролик легко пропустить, и посетитель уйдёт, так и не посмотрев видео.

«Повторять по кругу» доступен на YouTube и VK. У YouTube для зацикливания нужен параметр playlist, в котором указывается тот же ролик, и генератор прописывает его автоматически. У RuTube повтора нет, и настройка туда не попадает.

«Без cookies (YouTube)» переводит плеер на домен youtube-nocookie.com и годится только для YouTube. При этом домене cookies YouTube ставятся только после того, как посетитель нажал «играть»; обычный плеер ставит их сразу.

«Резиновый размер» подгоняет плеер под экран: он не выходит за заданную ширину, на телефоне сжимается, а высота меняется по пропорции. Для вертикальных роликов генератор сам задаёт пропорцию 9:16 и ширину 360. Название видео уходит в атрибут title, и программы экранного чтения читают его вслух. Заполняйте это поле, если доступность сайта вам важна.

Куда вставить iframe-код

Готовый html-код вставляется в то место страницы, где нужен плеер. В WordPress есть специальный блок «Произвольный HTML»; код в обычный визуальный редактор вставлять не нужно, там он превратится в текст. В конструкторах сайтов ищите блок для HTML-кода или блок «встраивание». После вставки откройте страницу с телефона и проверьте, что плеер не вылезает за края экрана и ролик запускается.

Хотите, чтобы читатели размещали ваши ролики у себя с обратной ссылкой на сайт? Соберите такой блок генератором embed-кода: посетитель скопирует код вместе со ссылкой на вашу страницу.

Оцените инструмент

Помогите нам стать лучше

Другие инструменты