RAVENSBLADE.RU

Изменение стиля плеера Youtube.



Важно! На данный момент не работает светлая тема плеера. Можно изменить только цвет полосы прокрутки. Более подробные и актуальные параметры плеера можно посмотреть в Youtube API. Ссылки в конце страницы.

Для изменения стиля плеера Youtube необходимо добавлять параметры в код плеера:

Стандартный код плеера для вставки на страницу выглядит примерно так:

HTML

Копировать код

Теперь рассмотрим параметры, которые позволяют тем или иным способом изменить вид плеера Youtube.

width и height - эти параметры позволяют указать разрешение с видео (размер окна). Стандарнтые размеры, которые можно выбрать непосредственно на Youtube это: 560 х 315, 640 х 360 (360p), 853 х 480 (480p), 1280 х 720 (720p). Ничего не мешает указать свой размер окна с видео, если оно необходио.

frameborder - значение 0 отключает рамку вокруг видео, соответственно если выставить значение равное 1, то вокруг видео появится рамка.

src - ссылка на файл в Youtube и параметры плеера. Параметры указываются по следующему принципу:

VIDEO_LINK?PARAM1 - ссылка на файл и один параметр.

VIDEO_LINK?PARAM1&PARAM2 - ссылка на файл и два параметра. Обратите внимание на тот факт, что после ссылки перед первым параметром должен стоять знак вопроса (?), а между первым и вторым параметром должен стоять уже другой знак - амперсанд (&).

rel - этот параметр определяет, загружает ли видеоплеер похожие видео, после воспроизведения основного видеофайла. Значение 1 - загружает похожие видео, значение 0 - не загружает.

Выглядит это так:

Рис. 1

autoplay - если значение етого параметра установлено 1, то при загрузке видеофайла он будет автоматически воспроизводиться). Если значение установлено 0, то для воспроизведения файла понадобится нажать кнопку "Play".

loop - если значение этого параметра равно 1, то видеоплеер будет воспроизводить видео по кругу. Если установлен проигрыватель плейлистов, то соответственно весь плейлист будет воспроизводиться по кругу.

disablekb - если значение равно 1, то будут отключены клавиши управления проигрывателем.
Предусмотрены следующие клавиши управления:

Пробел: воспроизведение/пауза
Стрелка влево: вернуться на 10% назад
Стрелка вправо: перейти на 10% вперед
Стрелка вверх: увеличить громкость
Стрелка вниз: уменьшить громкость

start - параметр используется для того, чтобы можно было задать плееру время начала воспроизведения. Т.е. если указать значение равное 30, то видеоролик начнет воспроизводиться приблизительно с 30 секунды. Приблизительно потому что воспроизведение на самом деле начнется с ближайшего ключевого кадра и разница может составить до 2 секунд.

fs - если установить значение равное 0, то в плеере не будет доступна кнопка полноэкранного режима.

hd - значение этого параметра равное 1 включает воспроизведение с высоким качеством. Нужно учитывать тот факт, что в качестве 720р (1280 х 720) видео начнет воспроизодиться только в том случае, если размер фрейма (размер плеера) установлен не меньше указанного расширения. Таким образом, например, если выставить размер фрейма 852 х 480, то максимально сможет начать показывать качество 480р. Если выставить размер фрейма 1280 х 720, то максимально сможет начать показывать качество 720р и так далее. В любом случае, в полноэкранном режиме всегда будет возможность переключить качество воспроизведение вплоть до 1080р.

showinfo - значение равное 0 отключает в заголовке видео показ названия видеоролика и рейтинга видео (видно на Рис.1 сверху).

theme - параметр задает тему оформления нижней части плеера. light - светлая тема, dark - темная тема (она установлена по умолчанию).

color - параметр задает цвет полосы прокрутки в плеере. white - белая полоса прокрутки, red - красная полоса прокрутки (она установлена по умолчанию).

Примеры:

theme=dark&color=red (по умолчанию)

theme=dark&color=white

theme=light&color=red

theme=light&color=white


Дополнительную информацию вы можете прочитать на Google Developers:
Параметры встроенного проигрывателя YouTube
API Youtube


« Назад

Copyright © Ravensblade.ru