@bit24yes
CEO

Как вставить видео на ширину экрана? HTML5 не катит??

Всем привет!

Как вставить видео в режиме "кино" ? Имеется ввиду, формат 16х8, только без навязанных выравниваний пропорций.

40106692eaa5455aba9621a872208161.png

Нужно, чтобы на месте красного, было или растянуто видео (в идеале) или был черный цвет (сделать самому через css div table?)

К примеру, у youtube есть кнопка, которая включает видео так, как мне надо:
39e00dbb5da5481aab79f2552647ede4.png

Но моё видео должно быть у меня на сервере, должен быть автозапуск.
Сейчас код такой:
<video width="720" height="300" controls autoplay>
  <source src="/kosmos.mp4 width="100"  type="video/mp4">
  <source src="/kosmos.webm" type="video/webm">
  Сожалею; ваш браузер не поддерживает HTML5 видео в WebM с VP8 или MP4 с H.264.

</video>
  • Вопрос задан
  • 4204 просмотра
Пригласить эксперта
Ответы на вопрос 2
@lnked
<div class="video__iframe">
	<video id="video" width="100%" height="auto" controls autoplay loop preload="auto">
		<source src="/kosmos.mp4">
		<source src="/kosmos.webm" type="video/webm">
		<p>Сожалею; ваш браузер не поддерживает HTML5 видео в WebM с VP8 или MP4 с H.264.</p>
	</video>
</div


.video__iframe {
	width: 100%;
	height: 100%;
	position: absolute;
}

.video__iframe video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
}
Ответ написан
@bit24yes Автор вопроса
CEO
Вот если два видео вставлять сразу, то по ширине то что надо,
вот как можно сделать одно видео по такому формату, без черных полос.

35410aaa7b5f44bdb55ba0b1bfada3f1.png
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы