Онлайн видео html5: Конвертируйте любое видео в MP4 Webm OGV

Автоматическая оптимизация для лучшей скорости и качества.

Оставить комментарий

Как использовать фоновые видео HTML5 на вашем сайте

Чтобы использовать фоновое видео, в идеале, файл должен быть представлен в трех форматах. Это MP4, OGV и WEBM. На самом деле, OGV не обязателен, только если вам не нужна поддержка старых браузеров Firefox 3.5 и 3.6, Opera 10.5 и Chrome 3, 4 и 5.

Для размещения фонового видео нужно использовать видеотэг HTML:

<video autoplay loop muted poster="media/image/road.jpg">
   <source src="media/video/road.mp4" type="video/mp4">
   <source src="media/video/road.webm" type="video/webm">
   <source src="media/video/road.ogv" type="video/ogg">


Вышеупомянутый код также устанавливает превью-изображение. Оно отображается во время загрузки видео или в браузерах, которые не могут воспроизводить видео. Чтобы создать превью, вы можете воспроизвести видео на своем компьютере, поставить его на паузу и использовать сочетание клавиш command + shift + 4 (MAC. На Windows вы можете использовать стандартный инструмент Snipping Tool.

, и затем отформатировать с помощью CSS:

#background {
display:none;
position: fixed;
top: 50%;
   left: 50%;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   z-index: -100;
-webkit-transform: translateX (-50% translateY (-50%;
transform: translateX (-50% translateY (-50%;
}

Но мы отображаем фоновое видео только на более крупных устройствах, потому что на мобильных телефонах фоновое видео может отнимать слишком много системных ресурсов.

@media (min-width: 62em {
   #background {
      display:block;
   }
}


Получите отличное фоновое видео

Easy HTML5 Video : HTML 5 видео конвертер

Конвертируйте любое видео в HTML5!

EasyHTML5Video создаёт видео для вашего сайта, которые выглядят великолепно на любых устройствах и браузерах.

Скачать бесплатно

Любые Видео

Конвертируйте 300+ видео форматов от известных AVI и MOV до последних H.265 и VP9

Удобный интерфейс

Создавайте HTML5 видео в 3 простых шага: выберите файл, установите нужные параметры, публикуйте

кросс-платформенное видео

Ваше видео будет проигрываться на всех устройствах и браузерах, включая устаревшие ИЕ, старые айфоны и андроид-устройства

Ваш сервер — ваши правила

Забудьте о Ютубе и платных хостингах. Размещайте видео на своём сервере!

Браузеры

Internet Explorer 9+

HTML5 с MP4

IE старые версии

Флэш-версия с MP4

Firefox 4+

HTML5 с WebM или OGG

Firefox 3.5+

HTML5 с OGG

Firefox старые версии

Флэш-версия с MP4

Google Chrome 6+

HTML5 с WebM или OGG

Google Chrome 3+

HTML5 с OGG

Chrome старые версии

Флэш-версия с MP4

Opera 10.60+

HTML5 с WebM или OGG

Opera 10.50+

HTML5 с OGG

Opera старые версии

Флэш-версия с MP4

Apple Safari 4+

HTML5 с MP4

Apple Safari старые версии

Флэш-версия с MP4

Устройства

iPhone 3+

HTML5 с MP4

iPad 1, 2

HTML5 с MP4

Android 2.1+

HTML5 с MP4

BlackBerry 6+

HTML5 с MP4

Windows Phone 7+

HTML5 с MP4

Обзор

HTML5 — наиболее быстрорастущая тенденция в веб разработках, и HTML5 видео, как часть HTML5, становится естественным способом демонстрации видео онлайн.

Забудьте об этом с EasyHTML5Video!

Все это за 3 простых шага, чтобы конвертировать любое Ваше видео в HTML5:
1. Перетащите видео файл в Easy HTML5 Video;
2. Выберите изображение для начального кадра, кодеки, другие настройк8;

EasyHTML5Video сделает вашу работу с HTML5 видео проще!

Как использовать

Техниеские вопросы Вопросы лицензирования Последние вопросы

Скачать

Easy Html5 Video является бесплатным приложением для некоммерческого использования.

Плата за лицензию требуется для использования в коммерческих целях. Бизнес версия Easy Html5 Video дополнительно предоставляет возможность удалить логотип EasyHtml5Video.com , а также добавить свой собственный логотип на видео. После завершения платежа через безопасную форму, вы сразу же получите информацию о лицензии по электронной почте. Вы можете выбрать любой подходящий метод оплаты: кредитная карта, банковский перевод, чек, PayPal и т.д.

Скачать бесплатно Купить бизнес версию $49

Поддержка

При обнаружении ошибок в работе программы, возникновении вопросов и пожеланий свяжитесь с технической поддержкой: . Убедитесь, что в письмо включена информация о браузере, ОС, версии Easy Html5 Video, а также ссылка на вашу страницу. В большинстве случаев, Вы получите ответ в течение одного рабочего дня.
Пожалуйста, сначала ознакомьтесь с FAQ. Возможно, на ваш вопрос уже ответили.

HTML5 Онлайн-видеоплеер: безопасный, быстрый и настраиваемый

Видеоплеер для всех устройств

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

Полностью настраиваемый

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

Embed Anywhere

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

Расширенная аналитика

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

Видеоплеер для всех устройств

HTML5-видеоплееры практически универсальны, а это значит, что вы можете встраивать прямые трансляции на любые веб-сайты — от смартфонов до ноутбуков. Никаких плагинов или установки не требуется. Так же просто, как пирог, просто скопируйте и вставьте.

Полностью настраиваемый

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

Embed Anywhere

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

Расширенная аналитика

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

Видеопроигрыватель YoloCast HTML5

Содержит качественные функции, созданные специально для вас.

Индивидуальный брендинг

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

Live DVR

Гибкая опция YoloCast DVR позволяет зрителям смотреть поток в прямом эфире с любой более ранней точки, приостанавливать его и переходить от воспроизведения DVR к Live в любое время.

Частная трансляция

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

Живой чат

Взаимодействие с аудиторией упрощается за счет интеграции комментариев со всех ресурсов, включая Facebook, YouTube и Twitch, в одном месте.

Обмен в социальных сетях

Привлеките новую аудиторию, поделившись своим контентом в социальных сетях, таких как Facebook и Twitter, или напрямую скопируйте и вставьте ссылку в электронное письмо.

Графические наложения

Вставьте графические наложения и табло, которые добавляют контекст, информацию и волнение и делают ваше живое видео более профессиональным.

Монетизация

Монетизируйте свой видеоконтент — как в прямом эфире, так и по запросу — с помощью функции пожертвований YoloCast. Отличный способ монетизации ваших мероприятий для сбора средств.

Доставка через CDN

Используя наши сети CDN, распределенные по всему миру, мы доставляем видео на любое устройство в любую точку мира без буферизации.

Новый уровень прямых трансляций

Новый уровень прямых трансляций

Опыт

Ваше видео, ваш бренд. Получите онлайн-видеоплеер HTML5, разработанный для того, чтобы ваша работа выглядела красиво в любом месте.

Ваше видео, ваш бренд. Получите онлайн-видеоплеер HTML5, разработанный для того, чтобы ваша работа выглядела красиво в любом месте.

НАЧАТЬ БЕСПЛАТНУЮ ПРОБНУЮ ПРОБНУЮ ВЕРСИЮ

ЗАКАЗАТЬ ДЕМО

HTML5 Online Video Converter. Конвертируйте любое видео в MP4, Webm или OGV

Видео будут воспроизводиться во всех браузерах, вы получите форматы WebM, MP4 и OGV.

недавно использовалось

Обзор

Загрузите свое видео