0
ok, ich erstelle eine Website mit einem Video als Hintergrund. Hier ist der Code:HTML5- Safari spielt nicht oder erkennt die <video>
<video id="video1" autoplay loop preload poster="" muted>
<source src="video/video2.mp4" type="video/mp4"/>
<source src="video/video2.webm" type="video/webm"/>
</video>
und hier ist die CSS:
video#video1
{
position: fixed;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: -100;
width: auto;
height: auto;
background-size: cover;
}
Chrome, Opera, Internet Explorer und Firefox funktioniert gut, das einzig mir Probleme geben, ist Safari. Irgendwelche Ideen?
die Safari-Version 5.1.7 (7534,572)
ist diese Safari unter Windows (aktuelle OSX-Version ist 9.1, also nehme ich an), dann ist es ein veraltetes Produkt und IIRC hat keine Unterstützung für H.264-Container. Ich würde empfehlen, Safari auf Windows – Offbeatmammal
einfach nicht zu unterstützen. Ich habe tatsächlich Fenster. also ... wenn ich den Code so belasse wie er ist ... und jemand öffnet die Webseite in einem Safari Browser von einem ... Mac ... würde es funktionieren? –
Ich habe einen Mac, teilen Sie den Link und ich werde Sie wissen lassen :) – Offbeatmammal