Почему видео не отображается на сайте?

Question

[Nikita Shchypylov]

Не могу понять, почему не встраивается видео на сайт. Вот код:

<div id="video-wrap-footer">

		</div>

function videoAdd() {
	if (windowRes > 1023) {	
		document.getElementById('video-wrap-footer').innerHTML = '<video autoplay id="bgvid_footer" poster="img/water-on-glass.jpg"><source src="videos/medoff-video.webm" type="video/webm"><source src="videos/medoff-video.mp4" type="video/mp4"></video>';
	}
}

video#bgvid, video#bgvid_footer {
	position: fixed;
	top: 50%;
	margin-left: -1px;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-size: cover;
}

Я вижу его в коде, через веб-инспектор, но в браузере нет
Спасибо за помощь

Answer 1

[trushka]

Судя по css, оно у вас должно висеть ровно посередине окна, а не родительского элемента. Или так и задумано? Скорее всего, его что-то перекрывает.