HTML5 за 10 минут

Автоматическое воспроизведение видеозаписи


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

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

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

<iDOCTYPE html>

<html>

<head>

<title>

Видео в HTML5 </title>

</head>

<body>

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

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

</video>

</body>

</html>

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

Выявление и обработка ошибок воспроизведения видеозаписи

С помощью атрибута onerror можно выявлять и обрабатывать различные ошибки воспроизведения видеозаписи, в том числе невозможность обнаружить саму видеозапись.

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

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

<!DOCTYPE html>

<html>

<head>

<title>

Видео в HTML5 </title>

<script>

function fail(e)

{

switch (e.target.error.code) { case e.target.error.MEDIA_ERR_ABORTED: alert (Воспроизведение прервано.); break;

case e.target.error.MEDIA_ERR_NETWORK: alert (Сетевая оибка.); break;

case e.target.error.MEDIAERRDECODE: alert (Видеозапись испорчена.); break;

case e.target.error.MEDIA_ERR_SRC_NOT_SUPPORTED: alert (Формат не поддерживается, или файл не найден.);

break;

default:

alert(Произошла неизвестная оиибка.); break;

}

}

</script>

</head>

<body>

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

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

</video>

</body>

</html>

3.   Введите выделенный ниже полужирным код для связывания функции fail () с элементом <video>.

<!DOCTYPE html>

<html>

<head>

<title>

Видео в HTML5 </title>

<script> function fail(e)

{

switch (e.target.error.code) { case e. target. error. MEDIA_ERR_ABORTED: alert (Воспроизведение прервано.); break;

case e.target.error.MEDIA_ERR_NETWORK: alert (Сетевая ошибка.); break;

case e.target.error.MEDIA_ERR_DECODE: alert (Видеозапись испорчена.);

break;

case e.target.error.MEDIA_ERR_SRC_NOT_SUPPORTED: alert (Формат не поддерживается, или файл не найден.); break; default:

alert (Произошла неизвестная ошибка.); break;

</script>

</head>

<body>

<Ы>Видео в HTML5</hl>

<video controls height="300" width="400" onerror="fail (event)" sic-brtmuseum. ogg">

</video>

</body>

</html>

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

Если теперь при воспроизведении видеозаписи произойдет ошибка, появится окно с сообщением, предупреждающим пользователя о характере возникшей ошибки.

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