html5

Вставка аудио и видео на страницу

На сегодняшний день в css для вставки аудио и видеоматериалов на страницу используют элементы object и embed. Оба этих элемента строчные с замещаемым контентом.

Элемент embed

На странице этот элемент ничего не делает. Это просто область, в которую что-то должно загрузиться, вставка. В элементе обязательны 2 атрибута: type (тип контента) и src (адрес контента, который будем вставлять).

Вставим flash:

<embed type="application/x-shockwave-flash"
src="mouse.swf"
width="400" height="300">
</embed>

И так можно добавлять видеофайлы, указывая соответствующий тип и адрес контента. Дополнительно можно прописать ширину и высоту выводимой области (как у картинки).

Элемент object

Это такая же строчная область с замещаемым контентом (как и embed). У элемента есть обязательный атрибут type. Для указания адреса контента — атрибут data.

<object type="application/x-shockwave-flash"
data="mouse.swf"
width="400" height="300">
</object>

Для элемента «object» можно задавать элементы «param» (инициализация объекта) с часто применяемыми атрибутами «name» и «value»:

<object type="application/x-shockwave-flash"
data="mouse.swf"
width="400" height="300">
<param name="movie" value="test.swf">
<param name="menu" value="false">
</object>

Вставка flash в браузере internet explore не всегда работает корректно. Для него нужно указывать дополнительные параметры «param» в элементе «object».




Добавить комментарий

Ваш e-mail не будет опубликован.