Главная » Файлы » Создаем пользовательский HTML5 видео плеер |
Основная разметка элементов управления
13.03.2015, 19:56 | |
Основная разметка элементов управления
Во-первых, нам нужно создать собственно саму разметку для элементов управления. Нам нужна кнопка Play/Pause, панель поиска, таймер и регулятор громкости. Мы вставим разметку для элементов управления после элемента <video>, и обернем их в блок с классом ghinda-video-controls.
<div class="ghinda-video-controls">
<a class="ghinda-video-play" title="Play/Pause"></a> <div class="ghinda-video-seek"></div> <div class="ghinda-video-timer">00:00</div> <div class="ghinda-volume-box"> <div class="ghinda-volume-slider"></div> <a class="ghinda-volume-button" title="Mute/Unmute"></a> </div> </div>
Мы использовали классы вместо ID для всех элементов, чтобы иметь возможность использовать этот же код для нескольких видео-плееров на одной странице. | |
Категория: Создаем пользовательский HTML5 видео плеер | | | |
Просмотров: 783 | Загрузок: 0 |
Всего комментариев: 0 | |