HTML5 Теги <video> </video>

HTML5 Теги <video> </video>

html5

Пример кода на сайте.

<!DOCTYPE HTML>
<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" – по окончанию, видео проигрывается снова.
  • src="url" – источник видео.
  • type="video/ogg" – определяет формат видео.
  • height="" – высота видеоплеера.
  • width="" – ширина видеоплеера.

Источник этой статьи

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


Бонус шуточка:

— Я Вам отправила фотографии нашей продукции
— Простите, но они в размытом качестве и размеры 80×150 пикселей. Как вы представляете это будет выглядеть на А4?
— Ну вы же можете улучшить качество фото?
— Ну не настолько же
— А я в кино видела, что можно любую фотографию сделать идеальной.

Давайте дружить!
Поставьте нравится 👍
Спасибо, я уже с вами!
Вы подписались на нашу рассылку
Спасибо!
Мы обещаем, что не будем спамить, все только самое
нужное и полезное для вашего развития.
Спасибо!
Мы свяжемся с Вами в ближайшее время
ЛОВИТЕ БОНУС
Бесплатный аудит контекстной рекламы Google Adwords.
Прокачаем ваш контекст!