недавно использовался
Просто загрузите ваш видеофайл. Конвертация происходит онлайн.
Высокое качество формата Webm, оптимизированное в соответствии с последними рекомендациями Google. Отличное качество при быстром скачивании.
Выбирайте один или все 3 формата
Перемещает метаданные в шапку файла. За счет этого видео воспроизводится быстрее, что более комфортно для ваших пользователей
Отключились? Загрузчик продолжит обработку файла, как будто ничего не произошло
До 4 ГБ. Бесплатно для файлов размером до ~ 20 МБ
и мы не будем запрашивать ваш E-Mail
Можно удалить аудио для уменьшения размера файла
Загрузите свое видео, чтобы начать конвертацию. После завершения вы можете скачать сконвертированный файл
В ваши файлы не будут добавлены вирусы или реклама
Автоматическая оптимизация для лучшей скорости и качества.
Чтобы использовать фоновое видео, в идеале, файл должен быть представлен в трех форматах. Это 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;
}
}