Помощ при програмиране, отговори на въпроси / Html5 / HTML5 Видео (както уеб, така и MP4) показват празен бял екран и не се възпроизвеждат - html5, html5-video, mp4, webm

HTML5 видео (уеб и MP4) показват бял бял екран и не се възпроизвеждат - html5, html5-video, mp4, webm

Аз направих един час на глупости, но аз или смучат в него, или това не е общ проблем.

Тук е моят видеоклип:

<video class="video-background" preload="none" loop="loop" autoplay="autoplay">
<source src="/resource/video/ripples.webm" type="video/mp4">
<source src="/resource/video/ripples.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

Независимо от реда, в който ги поставям, нито webm нито на mp4 ще се зареди, те просто показват празен бял екран. Аз също не получа 404 от сървъра, така че видеоклипове Трябва да слезе от сървъра?

Оценявайте всеки вход

EDIT: Премахнахме preload="none" атрибут и сега първият кадър от видеото се показва, но не се възпроизвежда автоматично останалата част от видеоклипа по някаква причина (въпреки това autoplay="autoplay" на елемент.

Отговори:

0 за отговор № 1

тази демонстрация работи на вашия сървър? Това е точно вашето маркиране, но с различни демо филми:

    <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>test</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<video class="video-background" preload="none" loop="loop" autoplay="autoplay">
<source src="http://techslides.com/demos/sample-videos/small.webm" type="video/mp4">
<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>

онлайн демо: http://barbatti.de/demo.html