Hallo und guten Morgen,
ich steige gerade ein wenig in die Welt von HTML und CSS ein. Nun versuche ich ein selbst erstelltes *.swf Video in die HTML-Seite einzubetten - soweit kein Problem. Ich würde aber gern die Größe des Videos (720p) dynamisch in der Breite dem Browserfenster anpassen und gleichzeitig die Höhe verändern, damit das Format beibehalten wird.
Ich bekomme es aktuell hin, das Video je nach Fenstergröße zwischen 320px und 1280px in der Breite zu verändern, allerdings bleibt die Höhe immer gleich (180px). Bei maximaler Fenstergröße bekomme ich also ein Video mit 1280x180px, der Inhalt wird entsprechend gestreckt.
Habe nun schon stundenlang das Web durchsucht und schaffe es aber nicht zu dem von mir gewünschten Ergebnis zu kommen.
Hier mal der HTML-Code für das Video:
HTML-Code:
<div id="inhalt">
<p>Hier startet das Video.</p>
<div id="akwswf">
<object classid="CLSID:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0">
<param name="movie" value="../flash/Atomkraftwerk_Animi_720p.swf">
<param name="quality" value="high">
<param name="scale" value="exactfit">
<param name="bgcolor" value="#000000">
<embed src="../flash/Atomkraftwerk_Animi_720p.swf" quality="high" scale="exactfit"
bgcolor="#000000" width="100%" height="100%" swLiveConnect="false"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">
</embed>
</object>
</div>
<p>Hier endet das Video.</p>
</div>
Und der dazugehörige CSS-Teil:
Code:
/* AKW Flash Video */
#akwswf
{
border: 3px solid #000000;
/* Abmessungen festlegen (180p-720p) */
min-width: 320px;
max-width: 1280px;
height: auto;
/* automatisch zentrieren */
margin: auto;
} Wäre super wenn jmd. eine Idee hat
Danke und Grüße
kanonenfutter