Використання подій відео html5 (windows)

Навіщо використовувати події?

Чи готова веб-сторінка?

Де йде відтворення?

У прикладі також вказується, що залишився, одержуване відніманням поточного часу із загальної тривалості відтворення.

Що робить ця кнопка зараз?

Кращим способом підтримки синхронізації кнопок є використання подій onpause і onplaying. На відміну від попереднього прикладу, де властивість paused перевірялося лише при натисканні кнопки, в наступному прикладі кнопки переключаються, коли стан відтворення змінюється будь-яким способом.

Запустіть приклад, наведений в кінці цієї сторінки, і подивіться, як підтримується синхронізація зовнішніх кнопок і елементів управління, вбудованих в об'єкт video.

Той же метод можна використовувати разом з подією onvolumechange для управління зображенням на кнопці Відключити звук. Оскільки немає окремих подій для відключення звуку і регулювання гучності, то в прикладі подія onvolumechange використовується для обох станів.

Коли в цьому прикладі створюється подія onvolumechange. оператор "if" перевіряє властивість muted. Якщо в об'єкті video відключений звук, то відображається символ відключеного звуку; в іншому випадку відображається символ включеного звуку. Разом із зображенням змінюється і текст alt. забезпечуючи точний опис для реалізації спеціальних можливостей.

Примітка Всі кнопки, елементи введення і елемент video за допомогою атрибута title виводять підказку, коли користувач наводить вказівник на елемент. Таким же чином надається текст для пристроїв читання з екрана.

Закінчено чи завантаження?

Схожі статті