Главная » Файлы » Создаем пользовательский HTML5 видео плеер |
13.03.2015, 20:04 | |
Создание тем для плеераКак вы могли заметить, при создании плагина jQuery, мы определили набор опций по умолчанию. Эти опции theme и childtheme, они могут быть изменены при вызове плагина, что позволяет нам с легкостью применять пользовательские темы. Тема представляет собой совершенно новый свод правил CSS для каждого плеера. childtheme представляет собой набор правил CSS, который опирается на правила существующей темы, и добавляет или перезаписывает стили "родительской" темы. Мы можем указать оба варианта или только один, при вызове jQuery плагина.
$('video').gVideo({
childtheme:'smalldark' });
В приведенном выше примере мы вызываем плагин с темой smalldark. Сначала будет применяться родительская дефолтовая тема, а затем применится дочерняя тема поверх её, переопределив некоторую часть правил, установленных в родительской теме. См. рисунок 3 для темы Smalldark. Рисунок 3: Тема Smalldark в действии.
Вы можете проверить то что у нас получилось в действии, или скачать исходный код (8.5MB, ZIP-файл) и экспериментировать с ним дальше. | |
Категория: Создаем пользовательский HTML5 видео плеер | | | |
Просмотров: 584 | Загрузок: 0 |
Всего комментариев: 0 | |