src="url" – источник видео.
type="video/ogg" – определяет формат видео.
height="" – высота видеоплеера.
width="" – ширина видеоплеера.
Изучаем “Web-технологии”
Тема урока:
Курс начинающего
web-мастера.
Размещение звука и видео
на Web-странице.
Цель занятия:
1. Познакомиться с тегами размещения звука
и видео на странице;
2. Научиться размещать звук и видео на странице;
ГСШМФИ № 25
РАЗМЕЩЕНИЕ ЗВУКА
Теги <audio> </audio>
определяют фоновый звук, музыку, в общем аудиопоток на сайте.
Пример 1:
<html>
<head>
</head>
<body>
<audio
src="music.ogg" controls="controls">
Ваш браузер не поддерживает теги <audio>
</audio>! Обновите версию браузера!
</audio>
</body>
</html>
Атрибуты и значения
Флажок autoplay="autoplay"
определяет воспроизведение музыкального файла сразу же после загрузки страницы.
Флажок autobuffer="autobuffer"
используется в паре с autoplay="autoplay" – определяет
воспроизведение музыкального файла уже в момент загрузки страницы.
src="url" – источник звукового файла.
Флажок controls="controls"
показывает панель управления плеером.
Строка: Ваш браузер не поддерживает теги <audio>
</audio>! Обновите версию браузера! – будет показана если версия браузера
пользователя не слишком новая.
РАЗМЕЩЕНИЕ ВИДЕО
Теги <video> </video>
определяют видеопоток на сайте:
Пример 2:
<html>
<head>
</head>
<body>
<video
src="video.mp4" controls="controls">
Ваш браузер не поддерживает теги <video>
</video>! Обновите версию браузера!
</video>
</body>
</html>
Тег <source/> определяет источник видео:
<video controls="controls">
<source src="video.m4v" type="video/mp4" />
<!-- MPEG4 для браузеров Safari -->
<source src="video.ogg" type="video/ogg" />
<!-- Ogg Theora для Firefox
-->
</video>
Атрибуты и значения
autoplay="autoplay" – видео воспроизводится сразу после загрузки
страницы.
autobuffer="autobuffer" – видео воспроизводится уже в момент загрузки
страницы.
controls="controls" – панель управления видеоплеером.
loop="loop" – по окончанию, видео проигрывается снова.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.