Заказать услугу
  • +38 099 227-70-70
  • +38 097 770-63-63

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?
— Ну вы же можете улучшить качество фото?
— Ну не настолько же
— А я в кино видела, что можно любую фотографию сделать идеальной.

Посты этой рубрики посвящены инструментам и стратегиям интернет-маркетинга, призванным увеличить конверсию сайта. Статьи будут интересны и полезны нынешним и будущим владельцам онлайн-бизнеса.
Интересуют последние веяния в дизайне сайтов и айдентики? Хотите правильно сочетать цвета и шрифты? Тогда вам сюда.
В рубрике «Разбор заплывов» специалисты студии Webakula делятся не только своими опытом, наблюдениями, выводами, но и практическими советами.
Рубрика поможет разобраться с базовыми терминами интернет-маркетинга, веб-разработки и дизайна. Статьи пригодятся любознательным индивидуумам, которым не безразлична тема сайтостроения.
Мы рады познакомиться и поделиться информацией о насыщенных буднях и ярких выходных компании Webakula с нашими клиентами, читателями и случайными «прохожими». Заходите, располагайтесь, чувствуйте себя, как дома :)