V Добавление на страницу видео и аудио
Таблица
5.
Теги, отвечающие за организацию списков
Тег
|
Пример
|
Описание
|
video
|
<video width=”400” height=”300” controls
poster=”video/duel.jpg”>
<source
src=”video/duel.ogv” type=’video/ogg; codecs=”theora,
vorbis”’>
<source
src=”video/duel.mp4” type=’video/mp4; codecs=”avc1.42E01E,
mp4a.40.2”’>
<source
src=”video/duel.webm” type=’video/webm; codecs=”vp8,
vorbis”’>
Тег
video не поддерживается вашим браузером.
<a href=”video/duel.mp4”>Скачайте
видео</a>
</video>
|
Создаст
видеопроигрыватель 400 на 300 пикселей
со стандартной панелью управления, с
постером. При нажатии кнопки старт,
ваш
браузер пройдется по списку источников
видео source
по порядку и выберет первым то, что он
в состоянии воспроизвести. Если браузер
не поддерживает HTML5,
то появится соответствующая надпись
|
audio
|
<audio controls>
<source
src="audio/music.ogg" type="audio/ogg;
codecs=vorbis">
<source
src="audio/music.mp3" type="audio/mpeg">
Тег
audio не поддерживается вашим браузером.
<a href="audio/music.mp3">Скачайте
музыку</a>.
</audio>
|
Аналогично
video,
только музыкальный проигрыватель
|
Задание
5:
-
Создайте
страницу с музыкальным проигрывателем.
-
Создайте
страницу с видеопроигрывателем.