HTML5 Видеоконвертер

Видео будут воспроизводиться во всех браузерах, вы получите форматы WebM, MP4 и OGV.
Автоматическая оптимизация для отличного качества и быстрой загрузки.
Конвертация начинается сразу, вы получите готовое видео в течение нескольких минут.

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

Google Design Logo
Hyperloop Logo
Uber Logo
Rhino Logo
Sammy Logo
Itzehoer Logo
Обзор
Загрузите еще одно видео

Не нужно скачивать дополнительные программы

Просто загрузите ваш видеофайл. Конвертация происходит онлайн.

Великолепный VP9 WEBM

Высокое качество формата Webm, оптимизированное в соответствии с последними рекомендациями Google. Отличное качество при быстром скачивании.

WebM - MP4 - OGV

Выбирайте один или все 3 формата

MP4 Быстрый старт

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

Возобновляемый загрузчик

Отключились? Загрузчик продолжит обработку файла, как будто ничего не произошло

Возможна загрузка больших файлов

До 4 ГБ. Бесплатно для файлов размером до ~ 20 МБ

Регистрация не требуется

и мы не будем запрашивать ваш E-Mail

Хорошо подходит для фона веб-сайта

Можно удалить аудио для уменьшения размера файла

Сначала загрузите, затем скачайте

Загрузите свое видео, чтобы начать конвертацию. После завершения вы можете скачать сконвертированный файл

Без вирусов и рекламы

В ваши файлы не будут добавлены вирусы или реклама

Автоматическое качество видео

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

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

Как использовать фоновые видео 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" id="background">
   <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">
</video>

Вышеупомянутый код также устанавливает превью-изображение. Оно отображается во время загрузки видео или в браузерах, которые не могут воспроизводить видео. Чтобы создать превью, вы можете воспроизвести видео на своем компьютере, поставить его на паузу и использовать сочетание клавиш 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%;
}

Но мы отображаем фоновое видео только на более крупных устройствах, потому что на мобильных телефонах фоновое видео может отнимать слишком много системных ресурсов. Поэтому мы добавляем медиа-запрос (замените min-width: 62em на значение из вашего css-фреймворка, если хотите

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