Главная » Файлы » Создаем пользовательский HTML5 видео плеер

Создание тем для плеера
13.03.2015, 20:04

Создание тем для плеера

Как вы могли заметить, при создании плагина jQuery, мы определили набор опций по умолчанию. Эти опции theme и childtheme, они могут быть изменены при вызове плагина, что позволяет нам с легкостью применять пользовательские темы.

Тема представляет собой совершенно новый свод правил CSS для каждого плеера. childtheme представляет собой набор правил CSS, который опирается на правила существующей темы, и добавляет или перезаписывает стили "родительской" темы.

Мы можем указать оба варианта или только один, при вызове jQuery плагина.

 

$('video').gVideo({
 childtheme:'smalldark'
});

 

В приведенном выше примере мы вызываем плагин с темой smalldark. Сначала будет применяться родительская дефолтовая тема, а затем применится дочерняя тема поверх её, переопределив некоторую часть правил, установленных в родительской теме. См. рисунок 3 для темы Smalldark.

smalldark child theme

Рисунок 3: Тема Smalldark в действии.

Вы можете проверить то что у нас получилось в действии, или скачать исходный код (8.5MB, ZIP-файл) и экспериментировать с ним дальше.

-->

Категория: Создаем пользовательский HTML5 видео плеер | Добавил: caha | Теги: Видео, HTML5, Плеер
Просмотров: 584 | Загрузок: 0
Всего комментариев: 0
avatar