HTML5 за 10 минут

Воспроизведение видеозаписи


В итоге видеозапись будет воспроизводиться, но только в том случае, если щелкнуть на ее кадре правой кнопкой мыши и выбрать команду Воспроизвести из контекстного меню. В следующем задании вам предстоит упростить воспроизведение видеозаписи на веб-странице с помощью специальных элементов, управляющих этим процессом и отображаемых на странице.

Ввод элементов управления в пример HTML-документа video.htm

Для того чтобы ввести элементы, управляющие воспроизведением видеозаписи на HTML-странице video.htm, выполните следующие действия.

1.   Откройте HTML-доку мент из файла video.htm в избранном вами редакторе текста, например в Windows WordPad.

2.   Введите выделенный ниже полужирным код для ввода атрибута controls в элемент <video>.

<!DOCTYPE html>

<html>

<head>

<title>

Видео в HTML5 </title>

</head>

<body>

<Ь1>Видео в HTML5</hl>

<video controls height="300" widths"400" src- brtmuseum.ogg">

</video>

</body>

</html>

3.   Сохраните внесенные изменения в файле video. htm. Непременно сделайте это в текстовом формате. По умолчанию в текстовом редакторе WordPad выбирается расширенный текстовый формат RTF, непригодный для браузеров.

Теперь видеозапись выглядит на веб-странице так, как показано на 8.1. Для ее воспроизведения щелкните на кнопке Воспроизвести.

Циклическое воспроизведение видеозаписи

Для того чтобы организовать циклическое воспроизведение видеозаписи на веб-странице, выполните следующие действия.

1.   Откройте HTML-документ из файла video.htm в избранном вами редакторе текста, например в Windows WordPad.

2.   Введите выделенный ниже полужирным код для циклического воспроизведения видеозаписи.

<!DOCTYPE html>

<html>

<head>

<title>

Видео в HTML5 </title>

</head>

<body>

<Ь1>Видео в HTML5</hl>

<video controls height="300" width="400" loop src=brtmuseum.ogg">

</video>

</body>

</html>

3.   Сохраните внесенные изменения в файле video. htm. Непременно сделайте это в текстовом формате. По умолчанию в текстовом редакторе WordPad выбирается расширенный текстовый формат RTF, непригодный для браузеров.

Теперь видеозапись будет воспроизводиться циклически до тех пор, пока пользователь не остановит ее воспроизведение.

Комментарии закрыты