 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
bongartz
Threadersteller
Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht: 
|
Verfasst Mo 05.04.2010 19:28
Titel Falsh video mit div überblenden, der ie verschiebt den div |
  |
|
Hallo,
ich versuche schon fast seit einer Woche eine Seite zu erstellen, bei der im Hintergrund ein Video läuft. Jetzt bin ich soweit das es im Safari und dem Firefox läuft, aber im IE 6 bis 8 geht es überhaupt nicht. Ich habe im Hintergrund einen swf und will dadrüber einen Div legen. Habe es mit z-index gemacht. Nur dummerweise wird bei dem ie 6 alles nach rechts verschonen und beim ie 8 alles nach unten. Ich habe schon gesucht und versucht ein paar Einstellungen zu ändern. Aber ich komme nicht weiter.
html code:
| Code: | <body>
<div id="bgblaken"></div>
<div id="header">
<div id="logo"><img src="bilder/logo.png" alt="logo Mico Filmproduktion"></div>
</div>
<div id="content">
<?php
if ( eregi("iPhone",$_SERVER['HTTP_USER_AGENT']) )
{
echo(eregi("iPhone",$_SERVER['HTTP_USER_AGENT']));
?>
Sorry, no Flash support on the iPhone (yet).
<?php
} else
{
?>
<video id="bgbild" width="800" height="450" autoplay>
<source src="video/test.ogv" type="video/ogg"></source>
<source src="video/test.mp4" type="video/mp4"></source><!--[if gt IE 6]>
<object width="800" height="465" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"><!
[endif]--><!--[if !IE]><!-->
<object width="800" height="450" type="video/quicktime" data="video/test.mp4">
<!--<![endif]-->
<param name="src" value="video/test.mp4" />
<param name="showlogo" value="false" />
<param name="autoplay" value="false" />
<object width="800" height="450" type="application/x-shockwave-flash"
data="video/test.swf?image=__POSTER__.JPG&file=video/test.mp4">
<param name="movie" value="video/test.swf?image=__POSTER__.JPG&file=video/test.mp4" />
<img src="__POSTER__.JPG" width="800" height="450" alt="__Title of video__"
title="No video playback capabilities, please download the video below" />
</object><!--[if gt IE 6]><!--></object><!--<![endif]-->
</video>
<?php
}
?>
<div id="effekt" class="unsichtbar">
<div id="ueberschrft">Mica</div>
<div id="contextextflied">Filmproduktion & Werbung ist unsere Profession und unsere Passion. Das Team um Geschäftsführer und Dipl. Designer Matthias Heuser besteht aus ca. 20 fest-freien Mitarbeitern mit den unterschiedlichsten Spezialisierungen in den Bereichen der modernen Werbef&uulm;hrung. Von Marketingkonzepten, Fotografie bis zum High End Werbefilm sind wir für unsere Kunden ein zuverlässiger Partner.</div>
</div>
</div> <!--content -->
<div id="nav">
<ul>
<li><div id="navMica">MICA</div></li>
<li> <div id="navNews">News</div></li>
<li><div id="navCredo">Credo</div></li>
<li>What we do </li>
<li><div id="navClients">Clients</div></li>
<li><div id="navContact">Contact</div></li>
<li><div id="navImpressum">Impressum</div></li>
</ul>
</div> <!--nav -->
</body> |
css code:
| Code: | @charset "UTF-8";
* {
margin: 0;
padding: 0;
}
html, body {
background-color: #292929;
font: 95% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #feffff;
}
#bgblaken {
position:absolute;
height:350px;
width:100%;
margin:-175px 0px 0px 0px;
top: 50%;
background-color: #212121;
right: 0;
}
#header {
position:absolute;
width:200px;
margin:-340px 0px 0px -101px;
top: 50%;
left: 50%;
}
#content {
position: absolute;
height:450px;
width:800px;
margin:-225px 0px 0px -400px;
top: 50%;
left: 50%;
border: 2px solid #ffffff;
z-index: 1;
}
#contextextflied {
position: absolute;
width: 340px;
height: 305px;
margin-left: 405px;
z-index: 5;
padding: 15px;
text-align: justify;
margin-top: 55px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHZJREFUeNrs0DEBADAIA7Axl/gXUhTwcyQSUkn6sfoKBAkSJEiQIEGCECRIkCBBggQJQpAgQYIECRIkCEGCBAkSJEiQIEEIEiRIkCBBggQhSJAgQYIECRKEIEGCBAkSJEiQIAQJEiRIkCBBghAkSJCgK0YAAQYAXZQD5jCkzmMAAAAASUVORK5CYII%3D) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#35FFFFFF,endColorstr=#35FFFFFF);
}
#ueberschrft {
position: relative;
margin-top: 55px;
z-index: 4;
text-align: center;
min-width: 100px;
text-transform: uppercase;
font: 2em Arial, Helvetica, Geneva, sans-serif;
padding-left: 8px;
float: right;
padding-right: 8px;
margin-right: 405px !important;
margin-right: 202.5px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHZJREFUeNrs0DEBADAIA7Axl/gXUhTwcyQSUkn6sfoKBAkSJEiQIEGCECRIkCBBggQJQpAgQYIECRIkCEGCBAkSJEiQIEEIEiRIkCBBggQhSJAgQYIECRKEIEGCBAkSJEiQIAQJEiRIkCBBghAkSJCgK0YAAQYAXZQD5jCkzmMAAAAASUVORK5CYII%3D) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#35FFFFFF,endColorstr=#35FFFFFF);
}
#bgbild {
position: absolute;
height:450px;
width:800px;
z-index: 2;
}
/*navigation*/
#effekt {
position: absolute;
height:450px;
width:800px;
z-index: 3;
}
#nav {
position: absolute;
height:20px;
width:804px;
margin:240px 0px 0px -400px;
top: 50%;
left: 50%;
background-color: #212121;
}
#nav ul {
color: #feffff;
text-transform: uppercase;
font-size: 0.75em;
}
#nav ul li {
float: left;
list-style-type: none;
text-align: center;
width: 114px;
cursor: pointer;
cursor: hand
}
#navMica {
height: 16px;
padding-top: 4px;
}
#navNews {
height: 16px;
padding-top: 4px;
}
#navCredo {
height: 16px;
padding-top: 4px;
}
#navClients {
height: 16px;
padding-top: 4px;
}
#navContact {
height: 16px;
padding-top: 4px;
}
#navImpressum {
width: 120px;
height: 16px;
padding-top: 4px;
}
.aktive {
background-color: #292929;
}
.hover {
background-color: #292929;
}
|
Hie noch der Link zu meiner Testversion.
Ich Danke euch für eure Hilfe.
Gruß
Bongartz
|
|
| |
  |
 |
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Di 06.04.2010 15:00
Titel
|
|
|
probier:
WMODE="TRANSPARENT"
|
|
| |
 |
|
|
Anzeige
|
|
|
bongartz
Threadersteller
Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht:
|
Verfasst Di 06.04.2010 15:32
Titel
|
|
|
| pixelpapst303 hat geschrieben: | probier:
WMODE="TRANSPARENT" |
Hi,
wo genau soll ich das denn einfügen? Habe es jetzt in den Objekt Tags drin, aber da passiert nichts, Zu sehen auf dem link oben.
|
|
| |
|
|
bongartz
Threadersteller
Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht:
|
Verfasst Di 06.04.2010 17:11
Titel
|
|
|
| bongartz hat geschrieben: | | pixelpapst303 hat geschrieben: | probier:
WMODE="TRANSPARENT" |
Hi,
wo genau soll ich das denn einfügen? Habe es jetzt in den Objekt Tags drin, aber da passiert nichts, Zu sehen auf dem link oben. |
so das habe ich jetzt hin bekommen. Nur dummerweise ist jetzt das Flash Video nachts rechts verschonen.
Wenn ich jedoch | Code: | | <param name="wmode" value="transparent" /> |
entfernen. ist es genau os wie ich es haben will. Nur das der Div nicht angezeigt wird. Ich gehe noch kaputt an diesem scheiß IE!
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
wmode verschiebt Flash Video immer um 20px nach rechts
Hintergrundbilder überblenden
[AS3] Von einem MC in anderen überblenden
Suche Flash Freeware zum ÜBERBLENDEN
Flash-Intro auf Startseite überblenden
[Flex 3] Komisches Verhalten beim Überblenden
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
