M
mounteverest
Guest
Hallo,
ich habe ein Problem: Eine künftige Webseite (derzeit in Xampp), soll ein Video im Hintergrund eingebettet bekommen.
Allerdings funktioniert das nicht reibungslos. Die Browser stellen zwar das Video reibungslos dar, allerdings skaliert er das Bild proportional zum Browser mit hoch.
Jetzt will ich aber haben, dass das Video wirklich immer 100% an Browserhöhe und Breite angepasst wird. Also egal welche Auflösung der Monitor hat. Das scheint nicht funktionieren.
Dazu habe ich folgenden Code geschrieben:
Und entsprechend hier das CSS:
Kann mir hier jemand helfen?
ich habe ein Problem: Eine künftige Webseite (derzeit in Xampp), soll ein Video im Hintergrund eingebettet bekommen.
Allerdings funktioniert das nicht reibungslos. Die Browser stellen zwar das Video reibungslos dar, allerdings skaliert er das Bild proportional zum Browser mit hoch.
Jetzt will ich aber haben, dass das Video wirklich immer 100% an Browserhöhe und Breite angepasst wird. Also egal welche Auflösung der Monitor hat. Das scheint nicht funktionieren.
Dazu habe ich folgenden Code geschrieben:
Code:
} elseif (is_page('Kinowerbung')) { // Page
echo "<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0\" width=\"100%\" height=\"100%\">\n";
echo " <param name=\"wmode\" value=\"transparent\" />\n";
echo " <param name=\"movie\" value=\"http://www.schwarzseher.com/wordpress/sequenz2.swf\" />\n";
echo " <param name=\"menu\" value=\"false\" />\n";
echo " <param name=\"scale\" value=\"exactfit\" />\n";
echo " <param name=\"quality\" value=\"high\" />\n";
echo " <embed src=\"http://www.schwarzseher.com/wordpress/sequenz2.swf\" quality=\"high\" wmode=\"transparent\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" type=\"application/x-shockwave-flash\" width=\"100%\" height=\"100%\">\n";
echo " </embed>\n";
echo " </object>\n";
echo "\n";
Und entsprechend hier das CSS:
Code:
<div class="bg_film" id="bg_film"><?php
++++++++++++ css +++++++++
.bg_film {
height:100%;
left:0;
margin:0;
position:fixed;
top:0;
width:100%;
z-index:-1;background: white url(images/background.jpg) no-repeat;background-size:cover; overflow:hidden;
-moz-background-size:cover;
-webkit-background-size:cover;
background-size:cover;
}
Kann mir hier jemand helfen?