Відтворюємо аудіо і відео на сайті за допомогою html 5

Для початку давайте подивимося як ми зможемо це реалізувати на прикладі аудіо записи, ось код:







Отже, в першу чергу ми оголошуємо тег audio і говоримо йому де лежить наш mp3 файл за допомогою параметра src, в нашому випадку він лежить в корені, але ви можете покласти його куди завгодно головне щоб ви не забули правильно прописати шлях до нього. Далі у нас йде блок з кнопок, кожна кнопка у нас реалізується за коштами тега button і відповідно ми можемо, відтворити, призупинити, і зробити голосніше чи тихіше.

Все елементарно і при цьому дуже дієво, з таким кодом може розібратися будь-який веб майстер.


Ось що у мене вийшло в результаті, я переглядав даний код браузером Google Chrome Версія 26.0.1410.43 m і все працювало без підключення flash плеєра:

Відтворюємо аудіо і відео на сайті за допомогою html 5

Схожі статті