Pomoc w programowaniu, odpowiedzi na pytania / Html5 / Wideo HTML5 (zarówno webm, jak i MP4) pokazują pusty biały ekran i nie grają - html5, html5-video, mp4, webm

Wideo HTML5 (zarówno webm jak i MP4) pokazuje pusty biały ekran i nie grają - html5, html5-video, mp4, webm

Poświęciłem godzinę na szukanie w Google, ale albo to wysysam, albo nie jest to typowy problem.

Oto mój tag wideo:

<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>

Bez względu na to, w jakiej kolejności je umieszczam, ani webm ani mp4 załadują się, po prostu pokazują pusty biały ekran. Nie dostaję też 404 od serwera, więc filmy powinien schodzić z serwera?

Doceń wszelkie dane wejściowe

EDYCJA: Usunęliśmy preload="none" atrybut i teraz pierwsza klatka wideo pokazuje się, ale z jakiegoś powodu nie odtwarza automatycznie reszty filmu (mimo że ma autoplay="autoplay" na elemencie.

Odpowiedzi:

0 dla odpowiedzi № 1

czy to demo działa na twoim serwerze? To jest dokładnie twój znacznik, ale z różnymi filmami demo:

    <!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>

wersja online: http://barbatti.de/demo.html