Hallo an alle,
momentan bastele ich an einer html-Seite, auf der ein physikalische Experiment erklärt wird. Hierzu habe ich auch eine Animation als Video erstellt. Das Video hat eine recht hohe Auflösung (940x560). So viel Platz habe ich leider nicht auf der Seite. Ich habe das Video über den Befehl:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Beschreibung der Seite</title>
<style type="text/css">
@page { size:640px 1024px; margin:0px }
#a2 { position:absolute; top:470px; left:-40px; width:600px; height:340px;
z-index:1; }
</style>
</head>
<body background="hintergrund_beige.jpg" text="#990000" link="#0000CC" vlink="#000066" alink="#000000">
<embed id="a2" src="Kristall.m4v" autostart="true" loop="true"></embed>
</body>
</html>
So kann ich die Position des Videos auf der Seite bestimmen. Allerdings wird das Video beschnitten, wenn ich nicht (width=940px; height=560px) einstelle. Ich hätte es jetzt gerne so, dass sich das Video trotz der hohen Auflösung an ein gegebenes Fenster anpasst, so wie bei youtube, wo man auch verschiedene Auflösungen des Videos wählen kann, sich aber die Fenstergröße nicht ändert. Ich hoffe, es ist einigermaßen verständlich, was ich meine.
Viele Grüße
Horitamus