Hallo Leute. :)
Für meine Filmsamlung möchte ich eine private Seite (nur fürs Lan) anlegen, auf der ich Infos über alle Filme aus einer DB bekomme.
Mein Problem ist der Trailer, den ich hier holen möchte: Looper | Trailer 1 von 10 (Als Bsp. mal Looper).
Da es keine möglichkeit gibt den Trailer einzubetten nutze ich einen Iframe (und ja ich schäme mich dafür aber es geht einfach nicht anders).
Ich habe ein Container Div mit "overflow:hidden;" in dem der Iframe mit "position:absolute" und negativen Werten für "top" und "left" ist, sodass man nur den Trailer sehen kann. Bei "left:-210px;" klappt das auch. Bei top nur manchmal, oft ist nur der halbe Trailer im Bild und darüber die Navileiste.
Hier mal zweit Screenshots:
Rightig: http://s7.directupload.net/images/130528/kybyr7bv.png
Falsch: http://s1.directupload.net/images/130528/x5e6kwtv.png
Meine erste Vermutung war, dass sich durch die Ladezeit des Flash Players die höhe im Nachhinein verändert. Deswegen habe ich folgende Funktion geschrieben, damit der Flash Player erst läd und dann die höhe bestimmt wird:
HTML dazu:
openTrailer wird mit
ausgeführt.
Das Problem tritt allerdings nach wie vor auf und ich kann mir nicht erklären wieso.
Hat jemand eine Idee was der Auslöser ist?
//Ich wusste nicht genau in welchen Bereich ich das Posten sollte, da unklar ist wodurch das Problem verursacht wird.
Bin dankbar für jede Idee! :)
Für meine Filmsamlung möchte ich eine private Seite (nur fürs Lan) anlegen, auf der ich Infos über alle Filme aus einer DB bekomme.
Mein Problem ist der Trailer, den ich hier holen möchte: Looper | Trailer 1 von 10 (Als Bsp. mal Looper).
Da es keine möglichkeit gibt den Trailer einzubetten nutze ich einen Iframe (und ja ich schäme mich dafür aber es geht einfach nicht anders).
Ich habe ein Container Div mit "overflow:hidden;" in dem der Iframe mit "position:absolute" und negativen Werten für "top" und "left" ist, sodass man nur den Trailer sehen kann. Bei "left:-210px;" klappt das auch. Bei top nur manchmal, oft ist nur der halbe Trailer im Bild und darüber die Navileiste.
Hier mal zweit Screenshots:
Rightig: http://s7.directupload.net/images/130528/kybyr7bv.png
Falsch: http://s1.directupload.net/images/130528/x5e6kwtv.png
Meine erste Vermutung war, dass sich durch die Ladezeit des Flash Players die höhe im Nachhinein verändert. Deswegen habe ich folgende Funktion geschrieben, damit der Flash Player erst läd und dann die höhe bestimmt wird:
Code:
function openTrailer()
{
setTimeout('document.getElementById(\'iframe\').style.top=\'-342px\'', 15000);
setTimeout('document.getElementById(\'trailer\').style.visibility=\'visible\'',16000);
}
HTML:
<div id="trailer" style="visibility:hidden; width:570px; height:340px; overflow:hidden; position:relative; background-color:black; display:inline-block;">
<iframe src="http://www.moviepilot.de/movies/looper/trailer/46159" scrolling="no" id="iframe" style="position:absolute; left:-210px; width:1350px; height:10000px; border:0px;"></iframe>
</div>
HTML:
<body onload="openTrailer()">Das Problem tritt allerdings nach wie vor auf und ich kann mir nicht erklären wieso.
Hat jemand eine Idee was der Auslöser ist?
//Ich wusste nicht genau in welchen Bereich ich das Posten sollte, da unklar ist wodurch das Problem verursacht wird.
Bin dankbar für jede Idee! :)
