HTML5 Видеоконвертер
Видео будут воспроизводиться во всех браузерах, вы получите форматы WebM, MP4 и OGV.
Автоматическая оптимизация для отличного качества и быстрой загрузки.
Конвертация начинается сразу, вы получите готовое видео в течение нескольких минут.
недавно использовался
Не нужно скачивать дополнительные программы
Просто загрузите ваш видеофайл. Конвертация происходит онлайн.
Великолепный 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;
}
}