Встраивание видео с YouTube на сайт: как вставить и добавить

1. Вставка видеоролика с youtube на сайт.

Итак, первая и самая частая задача — разместить видео на сайте. Чтобы решить эту проблему, вам необходимо найти желаемое видео на сайте http://youtube.com и вставить на свою страницу следующий код:

Здесь VIDEO_ID — идентификатор нужного нам видео, например «xw6wYcyI-Aw’.

Вы также можете получить этот код автоматически, нажав кнопку «Поделиться» на странице с видео на YouTube и выбрав пункт «HTML-код». В поле ввода вы можете скопировать код в буфер обмена и вставить его на свою страницу.

После вставки кода мы получим такую ​​страницу:

2. Объединение youtube роликов в плейлист.

Часто нам нужно отображать на странице не одно видео, а несколько, объединенных в плейлист канала на http://youtube.com.

То есть добавьте параметр «? List = PLAYLIST_ID» к атрибуту «src», где PLAYLIST_ID — идентификатор списка воспроизведения, например «PL-QXPTHVI31NwIGf9XtUbUOEAZv9BQQwv». И тогда вставленное видео будет выглядеть так:

Стоит учитывать тот факт, что миниатюра видео VIDEO_ID не будет называться видеоизображением, а указанное изображение будет именоваться миниатюрой для всего списка воспроизведения. В связи с этим возникает следующая задача: вставить на страницу несколько видеороликов из плейлиста.

3. Вставка нескольких youtube-видео из одного плейлиста на страницу.

Если стандартным образом вставить еще видео, то получится следующая страница:

Решение:
создайте плейлист вручную, тогда у каждого видео будет своя миниатюра. Для этого создайте разделенный запятыми список идентификаторов видео для плейлиста и добавьте его в атрибут src с параметром playlist’.

Пример:

В этом случае страница примет нужный нам вид:

Что ещё можно сделать

Включить расширенный режим конфиденциальности

В этом случае просмотры встроенных видео не будут учитываться ни в рекомендациях на YouTube, ни в самом встроенном плеере.

Кроме того, в режиме конфиденциальности реклама во встроенном проигрывателе не персонализируется, а просмотры видео не влияют на выбор рекламы, показываемой за пределами вашего сайта или приложения.

Обратите внимание, что Условия использования API YouTube и Политика разработчиков также применимы к встроенному проигрывателю.

Вот как активировать расширенный режим конфиденциальности:

1. В HTML-коде измените домен встроенного видео с https://www.youtube.com на https://www.youtube-nocookie.com.
2. Для сетевых администраторов: добавьте youtube-nocookie.com в список разрешенных сайтов в настройках брандмауэра.
3. Если вы встраиваете видео в свое приложение, используйте экземпляр встроенного проигрывателя WebView. Режим повышенной конфиденциальности в настоящее время доступен только игрокам, интегрированным на сайты.
4. Важно! Если вы встраиваете контент YouTube на детский веб-сайт или в приложение, вам необходимо настроить таргетинг на его аудиторию. Этого требуют Условия использования API YouTube и Рекомендации для разработчиков, даже если в проигрывателе, в который вы встраиваете видео, включен режим оптимизации конфиденциальности.

Примечание. Если пользователь переходит со страницы плеера на другой сайт или приложение, в зависимости от условий использования этого ресурса, его действия могут начать отслеживаться.

Включить автовоспроизведение

Для автоматического воспроизведения видео вставьте в код фрагмент & autoplay = 1. Он должен следовать за идентификатором фильма, который находится после встраивания / snippet/.

Автовоспроизведение не учитывается при просмотре видео.

Установить воспроизведение с определенной точки

Чтобы видео воспроизводилось с определенного момента, вставьте в код фрагмент? Start = и после него укажите желаемое время в секундах от начала видео.

Например, для начала воспроизведения видео через 1 минуту 30 секунд код должен выглядеть так:

Чтобы автоматически отображать субтитры во встроенном видео, добавьте в свой код фрагмент & cc_load_policy = 1.

вы можете указать язык субтитров. Вот пример для русского языка: & cc_lang_pref = ru & cc_load_policy = 1.

• Язык субтитров устанавливается параметром cc_lang_pref».
• Фрагмент «cc_load_policy = 1» означает, что субтитры будут включены по умолчанию.
• «ru» — это код русского языка. Двухзначные коды языков предусмотрены стандартом ISO 639-1.

Запретить встраивание видео. Вы можете запретить пользователям встраивать видео. Вот как это сделать:

1. Войдите в YouTube Creator.
2. В левом меню нажмите «Содержимое.
3. Выберите нужное видео и нажмите «Подробнее» .
4. Щелкните Развернуть.
5. Снимите флажок «Разрешить встраивание видео» и нажмите «Сохранить.

Читайте также: Вывести видео с телефона на телевизор: как смотреть YouTube

4. Замена картинки на youtube-видео.

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

Стандартная миниатюра выглядит так:

Видно, что кадр тоже не очень хороший и кнопка запуска воспроизведения находится не там, где хотелось бы.

Есть два решения:

1) Замена стандартного образа на кастомный.
Выберите видеокадр, подходящий для роли эскиза. Затем в Photoshop или другом графическом редакторе обрежьте изображение так, чтобы область лица находилась слева или справа от кадра. Перейдите в менеджер видео на http://youtube.com/ и загрузите значок видео:

И получаем такой видеодисплей:

2) Подготовить миниатюру с подписью.
Мы видим, что около 50% области миниатюр видео не имеет смысловой нагрузки, поэтому в этом месте можно разместить блок по сути видео, либо владельцу канала, либо любой другой информации о продажах. И тогда эскиз будет выглядеть так:

5. Проигрывание youtube ролика с определенного момента.

Бывают случаи, когда нужно начать воспроизведение видео, например, со второй минуты.
Затем вы можете добавить параметр «start» в атрибут src и воспроизведение начнется со второй, которая нам нужна.

Пример:

В этом примере воспроизведение начнется с шестидесятой секунды.

Управление вариантами размещения видео

Включение расширенного режима конфиденциальности

Благодаря режиму конфиденциальности вы можете публиковать видео на YouTube без использования файлов cookie, которые отслеживают данные о поведении зрителей. Это означает, что информация об активности зрителей не собирается для персонализации просмотра. Контент, который будет отображаться в проигрывателе с включенной повышенной конфиденциальностью, не повлияет на то, как контент будет отображаться на YouTube.

Примечания:

• Если зритель нажимает на область за пределами опубликованного фильма и направляется на другой сайт или приложение, его действия могут контролироваться в соответствии с применимыми условиями.
• Расширенный режим конфиденциальности в настоящее время доступен только игрокам, размещенным на веб-сайтах. Разработчикам необходимо создать экземпляр WebView для проигрывателя с оптимизацией конфиденциальности, чтобы его можно было использовать в приложении.

Чтобы использовать режим повышенной конфиденциальности, измените URL-адрес домена в HTML-коде с https://www.youtube.com на https://www.youtube-nocookie.com, как показано в следующем примере:

Поскольку youtube-nocookie.com — это другой домен, сетевым администраторам необходимо авторизовать его.

Включение автозапуска размещенного фильма

Чтобы включить функцию автовоспроизведения для размещенного фильма, добавьте & autoplay = 1 в код, используемый для размещения видео на сайте, сразу после идентификатора видео (последовательность букв, следующая за v/).

Когда вы включаете функцию автовоспроизведения для видео, добавленных на сайт, количество просмотров не увеличивается.

Запуск размещенного видео с определенного момента

Чтобы начать видео с определенной точки, добавьте Start = к коду, используемому для размещения видео, затем введите время (в секундах), с которого должен воспроизводиться фильм.

Например, если вы хотите, чтобы фильм начинался через 1 минуту 30 секунд, код для загрузки видео будет выглядеть так:

Добавление субтитров к размещенному фильму

Субтитры могут автоматически отображаться в загруженных видео, добавив & cc_load_policy = 1 к коду, используемому для публикации видео.

Вы также можете выбрать, на каком языке будут отображаться эти ярлыки. Чтобы определить это, просто добавьте строку & cc_lang_pref = fr & cc_load_policy = 1 в код фильма.

• Элемент cc_lang_pref определяет язык субтитров, отображаемых в фильме.
• Элемент cc_load_policy = 1 вызывает включение субтитров по умолчанию.
• Строка fr указывает код языка, в данном случае французский. Список кодов языков см. В ISO 639-1.

Запрет на размещения ваших видео

Если вы не хотите, чтобы другие пользователи могли публиковать загруженное вами видео на внешние веб-сайты, выполните следующие действия:

1. Откройте Менеджер видео.
2. Откройте фильм, публикацию которого вы хотите отключить, и нажмите «Изменить.
3. Измените режим внедрения на Disabled.
4. Сохраните изменения.

6. Автовоспроизведение youtube ролика.

Чтобы видео начало проигрываться сразу после загрузки страницы, нужно добавить параметр «autoplay = 1″:

7. Отключение показа похожих youtube видеороликов.

можно отключить отображение похожих видео в конце воспроизведения видео, установив параметр «rel = 0″: