Добавление аудио и видео контента в HTML документы онлайн урок.



До появления HTML 5 не было стандартного способа отображения видео на веб-странице. Видео материалы было возможно просматривать с помощью специальных плагинов, например Flash Player.

В HTML 5 появился элемент <video> который позволяет вкладывать видео в веб-страницу. Этот тег не поддерживается браузером IE версии ниже 9. Пример кода с использованием этого тега:

<video width="320" height="240" controls> 
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
</video>


Здесь атрибуты width и height указывают размер элемента с видео, атрибут controls добавляет навигацию для просмотра - play, pause, volume и т.п. Несколько тегов <source> написаны для того, чтобы браузер мог выбрать среди них первый тот формат, который ему подходит.

В HTML5 также появился элемент <audio> который позволяет вставлять аудио в веб-страницу. Этот тег не поддерживается браузером IE версии ниже 9.



Тут назначение тегов <source> точно такое же, как и для тега <video>.

Также, как уже было ранее отмечено, дополнительные веб-ресурсы (в т.ч. аудио и видео) можно вставлять в веб-документ при помощи тега <iframe>.