Как встроить видео с яндекс дзен на сайт. Пошаговая инструкция.

Доброго дня с вами Дима Маслов, сегодня расскажу, как встроить видео с яндекс дзен на сайт. Это будет пошаговая инструкция. Платформа яндекс дзен позволяет нам встраивать видео со своего канала на свой сайт. Так же, как и на ютубе. Но пока нет возможности вставлять видео с чужих каналов яндекс дзена, но можно вставлять прямую ссылку.
1)Заходим в свою дзен студию.

студия яндекс дзен

2) Выбираем пункт «код для вставки» как на картинке выше. Тогда откроется вот такое окошко как на скриншоте ниже

код для вставки видео на сайт

Пункт 1 на картинке сверху это настройка выключения звука видео при автостарте.

Пункт 2 на картинке это включение автостарта видео на странице при ее загрузке.

Пункт 3 желательно поставить чтобы в плеере были элементы управлением видео для пользователей сайта.

Пункт 4. Сам код видео, который мы копируем после всех настроек и вставляем себе на сайт.

Для того, чтобы видео сделать по центру статьи, нужно добавить код.

<div style="text-align: center;">Код видео</div>

Вот пример кода видео с выравниванием его по центру.

<div style="text-align: center;"><iframe width="560" height="315" src="https://frontend.vh.yandex.ru/player/vuZT75ErkaUY?from_block=partner&amp;from=zen&amp;mute=0&amp;autoplay=0&amp;tv=0" allow="autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture; encrypted-media" frameborder="0" scrolling="no" ></iframe></div>

Фото автора видеокурса по созданию сайтов (Маслов Дима)
Маслов Дима
Задать вопрос автору
написать коментарий

Встраиваем видео с яндекс дзен на сайт в редакторе гутенберг от wordpress.

Заходим в редактор гутеберг на wordpress.

втавка видео яндекс дзен через гутеберг

Вставляем код нашего видео в виджет.

виджет произвольный html

Сохраняем изменения в статье и смотрим результат. Как будет смотреться видео смотрите ниже.

Также смотрите видео о том как встроить видео с рутуба на сайт wordpress в моей статье.

Оцените статью
Добавить комментарий