Html5, управління плеєром за допомогою javascript

На даний момент ми вивчили досить складний матеріал. Ми тепер знаємо, як за допомогою елементів

Завдання створення індикатора ходу відтворення представляє дещо більший інтерес. Відносно розмітки він створюється з двох елементів

, один з яких вкладений в інший, який знаходиться в кореневому контейнері (в даному прикладі теж div):

Далі наведені правила таблиці стилів, які встановлюють розмір індикаторів і фарбують їх у відповідні кольори:

В процесі відтворення елемент

Html5, управління плеєром за допомогою javascript

Можна зробити індикатор виконання трохи хитромудро, додавши індикатор завантаження, який показує обсяг вмісту, завантаженого і вміщеного в буфер в даний момент. Ця можливість вже є в програвачах, вбудованих в браузери. Щоб додати цей індикатор, потрібно обробляти подія onProgress і працювати з властивістю seekable. Додаткову інформацію про властивості, методи і події елемента

Html5, управління плеєром за допомогою javascript

Потім використовується звичайний елемент

Схожі статті