Ich habe schon eine Stunde gegoogelt, aber ich lutsche entweder oder es ist kein gewöhnliches Problem.
Hier ist mein Video-Tag:
<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>
Egal in welcher Reihenfolge ich sie einstelle, auch nicht webm
noch das mp4
wird geladen, sie zeigen nur einen leeren weißen Bildschirm. Ich bekomme auch keine 404 vom Server, also die Videos sollte vom Server herunterkommen?
Schätzen Sie jede Eingabe
EDIT: Wir haben die entfernt preload="none"
Attribut und jetzt die erster Frame des Videos wird angezeigt, aber der Rest des Videos wird aus irgendeinem Grund nicht automatisch abgespielt autoplay="autoplay"
auf dem Element.
Antworten:
0 für die Antwort № 1Funktioniert diese Demo auf Ihrem Server? Es ist genau Ihr Markup, aber mit verschiedenen Demofilmen:
<!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>
Online-Demo: http://barbatti.de/demo.html