04.04.2011, 10:59
|
|||
|
|||
video zentriet, variable Größe
Hallo,
ich erstelle gerade eine Visitenkarten-Homepage, d.h. eine einfache HTML Seite mit Hintergrundbild und einem Video in der Mitte der Seite. Ein paar Hintergrunddaten: ich benutze Firefox 4 zum testen Scrollbalken sind deaktiviert Videohoster: Vimeo Das Video soll IMMER in der Mitte der Seite bzw. des Browserfensters sein Das Video soll sich dynamisch mit der Größe des Browserfensters ändern (wird das Fenster verkleinert, verkleinert sich auch das Video) Javascript sollte nach Möglichkeit nicht verwendet werden Im Internet gibt es die verschiedensten Ansätze, leider hat bei mir aber noch keiner funktioniert  Hier ist was ich bisher habe: Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<META NAME="Generator" CONTENT="NetObjects Fusion 7.5 für Windows">
<TITLE>
Home
</TITLE>
</HEAD>
<style type="text/css">
html { height: 100%; overflow:hidden;}
body { background-color: transparent; margin: 0px; padding: 0px; height: 100%; border-top: 1px transparent solid; margin-top: -1px; z-index:0; position:relative; }
img#bg { height: 100%; width: 100%; z-index: -1; position:absolute; color: white; }
iframe#video { width: 100%; max-width: 100%; }
div.video { vertical-align: middle; text-align: center; align=middle; max-width: 100%; height:50%; width: 50%; z-index: 1; position:relative; }
</style>
<BODY>
<img src="Page-v1.jpg" id="bg">
<center>
<div class="video">
<iframe id="video" src="http://player.vimeo.com/video/21604065" frameborder="0"></iframe>
</div>
</center>
</BODY>
</HTML>
Kann mir jemand weiterhelfen? 
|
| Sponsored Links |
|
04.04.2011, 14:51
|
|||
|
|||
|
Eine funktionierende Anleitung findest Du hier:
Horizontales und vertikales Zentrieren Dabei bleibt aber die Größe des zentrierten Elements unverändert. Wüßte auch nicht wie anders lösen...MUSS sich das Video in der Größe anpassen, es ist ja eh ein iframe, so dass Du die Werte dort ändern müsstest, damit das Video (nicht nur das iframe) mitskaliert.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
|
| Sponsored Links |
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Problem mit globaler Variable | onkel-tom | Javascript & Ajax | 9 | 13.03.2009 11:36 |
| error_reporting(E_ALL); | paracelsus | Serveradministration und serverseitige Scripte | 37 | 05.06.2008 08:36 |
| iframe Größe bei Laden des Inhalts an dessen Größe anpassen | wiseguy | Javascript & Ajax | 0 | 24.06.2007 23:04 |
| variable DIV Größe mit festen Abstand zum Header | target-8 | CSS | 12 | 20.04.2005 22:22 |
Linear-Darstellung
