Привет, друзья! Сегодняшняя статья будет полезна всем, кто использует код для вставки видео с Ютуба на своих сайтах, блогах, лендингах. Поговорим о дополнительных командах, которые позволяют настраивать этот плеер под себя.
Встраивая новое видео на свой блог, я особо не заморачиваюсь и чаще всего ничего в коде не меняю. Единственное – это выбираю подходящие мне размеры проигрывателя. Их можно настроить на этапе копирования кода с Ютуба: выбрать из предложенных вариантов или указать свои.
Либо, когда видео уже добавлено, размеры можно корректировать прямо в коде.
Также в настройках мы можем отключить показ похожих видео в конце, просто убрав соответствующую галочку. Тогда в коде появляется дополнительный парамертр ?rel=0 . Смотрите на скриншоте:
Ну а если видео добавляется на страницу подписки, продажник или сайт-прокладку, то тут уже можно поэкспериментировать с другими настройками и убрать то, что вам кажется лишним. Для этого нам и пригодятся соответствующие команды.
Вот основные из них:
vq=hd720 – данный параметр позволяет сразу задать вашему видео высокое качество воспроизведения. Это удобно, так как по умолчанию Ютуб проигрывает видео в среднем качестве (360p или 480p). То есть, в том, которое без проблем потянет медленный интернет.
С другой стороны, если скорость интернета слабая, то качество 720p и выше будет тормозить видео и, вероятнее всего, его так и не досмотрят.
autoplay=1 – видео запускается автоматически. То есть, как только посетитель попадет на ваш сайт, ролик начнет воспроизводиться сразу, без дополнительных действий с его стороны.
start=N – воспроизведение с конкретной секунды, где вместо N мы просто указываем нужное значение. Например, команда start=120 задает показ видео со 2-ой минуты.
showinfo=0 – скрывает название и информацию о видео в верхней части:
controls=0 – скрывает полностью нижнюю панель управления. Пользователю становится недоступной полоса прокрутки, настройка звука и качества. В этом случае, в правом нижнем углу появляется кликабельное лого Ютуба.
modestbranding=1 – убирает логотип Youtube в нижней панели, но при этом он появляется сверху.
Даже если использовать последние три команды вместе (showinfo=0, controls=0, modestbranding=1), то логотип в правом нижнем углу все равно отображается. Так что, совсем его не убрать.
И еще несколько команд:
disablekb=1 – не позволяет управлять воспроизведением видео с клавиатуры, в частности останавливать его пробелом и прокручивать стрелками вперед-назад.
fs=0 – запрещает разворачивать видео на весь экран.
theme=light – делает панель управления светло-серой. Вот такой:
iv_load_policy=3 – отключает аннотации.
Теперь о том, как добавлять эти параметры в код видео.
Все очень просто. Первая команда указывается сразу после ссылки на ваш ролик, после вопросительного знака (?), а все последующие – после амперсанда (такого вот значка &).
Смотрите на примере моего кода:
Здесь я задала такие команды, как автопроигрывание, скрытие панели управления и начало с 35-ой секунды. Вы можете менять все это местами, добавлять другие параметры, либо какой-то один. Главное не забывайте – первый всегда указываем после?, иначе работать не будет.
Еще несколько слов об альтернативе…
У Юджина Боса есть такой бесплатный скрипт «Ютуб Профессионал». Он позволяет генерировать код видео с дополнительными параметрами автоматически. Правда, настроек в нем поменьше – только самые распространенные.
Пользоваться скриптом проще простого:
Ставим галочки напротив тех параметров, которые нам нужны.
Жмем сгенерировать код, и копируем его справа. Если вдруг видео не отображается, просто добавьте перед ссылкой http://
«Ютуб Профессионал» вместе с другими бесплатными скриптами можно скачать здесь .
И напоследок, посмотрите видео – наглядный вариант статьи:
Если появятся вопросы – пишите в комментариях. Всегда рада помочь.
P.S. На днях заметила, что после очередного обновления Ютуб, стало больше настроек плеера на сайте. Теперь во вкладке html-код, под кодом вставки видео, отображается надпись “ЕЩЕ”, кликая по ней, мы раскрываем дополнительные настройки. И здесь также можем скрывать панель управления, название видеоролика и информацию о нем.
This document explains how to embed a YouTube player in your application and also defines the parameters that are available in the YouTube embedded player.
By appending parameters to the IFrame URL, you can customize the playback experience in your application. For example, you can automatically play videos using the parameter or cause a video to play repeatedly using the parameter. You can also use the parameter to enable the player to be controlled via the .
This page currently defines all parameters supported in any YouTube embedded player . Each parameter definition identifies the players that support the corresponding parameter.
Note: Embedded players must have a viewport that is at least 200px by 200px. If the player displays controls, it must be large enough to fully display the controls without shrinking the viewport below the minimum size. We recommend 16:9 players be at least 480 pixels wide and 270 pixels tall.
You can use any of the following methods to embed a YouTube player in your application and specify player parameters. Note that the instructions below demonstrate how to embed a player that loads a single video. The following section explains how to configure your player to load other types of content, such as playlists and search results.
Define an
If you create the
Https://www.youtube.com/embed/VIDEO_ID
The
If you use this parameter and also set the parameter to 1 , then the player will show captions in the specified language when the player loads. If you do not also set the parameter, then captions will not display by default, but will display in the specified language if the user opts to turn captions on.
Note: This is a deprecation announcement for the showinfo parameter. In addition, the behavior for the rel parameter is changing. Titles, channel information, and related videos are an important part of YouTube’s core user experience, and these changes help to make the YouTube viewing experience consistent across different platforms.
To be more specific:
These changes will become effective on or after September 25, 2018. After that time, the showinfo parameter will be ignored. The behavior following the changes is consistent with the current default behavior for embedded players with the exception of the channel avatar changes mentioned above.
The parameter can be used to specify the default language that the player will use to display captions. This parameter can be used in conjunction with the
Добавить плеер YouTube на сайт очень просто, и сегодня вы научитесь это делать. Также вам наверняка будет интересно узнать о дополнительных настройках плеера (размеры окна видео, автовоспроизведение, воспроизведение с определенного места и т. п.).
Распространенная ошибка в попытке вставить YouTube-видео на сайт - добавление прямой ссылки на ролик в HTML-редактор.
В принципе, никто не запрещает добавлять ссылки на видео именно так. Но пользователи, кликая по ним, покидают ваш сайт, и не факт, что вернутся.
Для того чтобы настроить видео, необходимо добавить код идентификатора - это буквы после знака = в конце прямой ссылки на видео в YouTube:
Копируем код, вставляем в соответствующее поле и нажимаем кнопку «Обновить проигрыватель с выбранными настройками»:
Теперь нажимаем кнопку «Показать параметры проигрывателя» и видим развернутый список опций:
Дополнительные настройки при вставке видео с Ютуба:
Полный перечень и подробное описание функций представлены в справке Google.
После настройки функций надо обязательно нажать кнопку «Обновить проигрыватель с выбранными настройками». После этого можно копировать ссылку и добавлять ее на сайт.
Хотите, чтобы ваши видео собирали тысячи просмотров? Тогда им нужна оптимизация. Вот .
Если у вас на сайте много видеороликов, то упростить работу с ними можно при помощи специальных плагинов для CMS:
Если же роликов не много, то лучше вставлять их напрямую с YouTube, чтобы не замедлять работу сайта из-за дополнительных плагинов.
Вставить видео с YouTube просто - по сути, достаточно скопировать код и разместить на сайте. Но если вы хотите, чтобы плеер гармонично вписывался в дизайн и логику ресурса, необходимо внести изменения в код с помощью встроенных опций или YouTube Player API. Так вы сможете задать время начала воспроизведения, отключить элементы управления, зациклить видео и мн. др.
Если вы только осваиваете YouTube в качестве автора, вам будет полезно по работе в этом видеохостинге, а также по SEO-оптимизации роликов.
Добавить плеер YouTube на сайт очень просто, и сегодня вы научитесь это делать. Также вам наверняка будет интересно узнать о дополнительных настройках плеера (размеры окна видео, автовоспроизведение, воспроизведение с определенного места и т. п.).
Распространенная ошибка в попытке вставить YouTube-видео на сайт - добавление прямой ссылки на ролик в HTML-редактор.
В принципе, никто не запрещает добавлять ссылки на видео именно так. Но пользователи, кликая по ним, покидают ваш сайт, и не факт, что вернутся.
Для того чтобы настроить видео, необходимо добавить код идентификатора - это буквы после знака = в конце прямой ссылки на видео в YouTube:
Копируем код, вставляем в соответствующее поле и нажимаем кнопку «Обновить проигрыватель с выбранными настройками»:
Теперь нажимаем кнопку «Показать параметры проигрывателя» и видим развернутый список опций:
Дополнительные настройки при вставке видео с Ютуба:
Полный перечень и подробное описание функций представлены в справке Google.
После настройки функций надо обязательно нажать кнопку «Обновить проигрыватель с выбранными настройками». После этого можно копировать ссылку и добавлять ее на сайт.
Хотите, чтобы ваши видео собирали тысячи просмотров? Тогда им нужна оптимизация. Вот .
Если у вас на сайте много видеороликов, то упростить работу с ними можно при помощи специальных плагинов для CMS:
Если же роликов не много, то лучше вставлять их напрямую с YouTube, чтобы не замедлять работу сайта из-за дополнительных плагинов.
Вставить видео с YouTube просто - по сути, достаточно скопировать код и разместить на сайте. Но если вы хотите, чтобы плеер гармонично вписывался в дизайн и логику ресурса, необходимо внести изменения в код с помощью встроенных опций или YouTube Player API. Так вы сможете задать время начала воспроизведения, отключить элементы управления, зациклить видео и мн. др.
Если вы только осваиваете YouTube в качестве автора, вам будет полезно пошаговое руководство по работе в этом видеохостинге, а также инструкция по SEO-оптимизации роликов.