XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   (X)HTML (http://xhtmlforum.de/forumdisplay.php?f=72)
-   -   Safar, Chrome und IE stellen <embed> nicht korrekt dar (http://xhtmlforum.de/showthread.php?t=62816)

filmabend 30.10.2010 20:08

Safar, Chrome und IE stellen <embed> nicht korrekt dar
 
EDIT: Chrome und Safari funktionieren jetzt, das Problem war dass das Plugin dem object eine id zugewiesen hatte, die ich im Design schon verwendet und entsprechend mit CSS gestyled habe. Wäre trotzdem dankbar wenn jemand wüsste wie ich den Player im IE zum laufen bekomme.

Hallo zusammen, ich erstelle gerade ein Wordpress Theme für meinen Blog:

filmabend test

Ich will in der Sidebar einen Player einbinden in dem die Besucher den Podcast hören können, dazu habe ich ein xspf Player Plugin für den ich ein zu meinem Design passendes Theme erstellt habe.

Im Firefox wird der Player korrekt dargestellt, so sollte es aussehen:

http://www.filmabend.info/upload/firefox.png

In Safari und Chrome funktioniert der Player zwar, wird aber falsch dargestellt, die Höhe ist viel zu niedrig, ausserdem wird eine leere Fläche angezeigt, die über die Begrenzung der Sidebar hinausgeht. Für Safari gibt es eine Funktion die ähnlich ist wie Firebug für FF, wenn ich dort den <object> tag markiere wird im layout die fehlerhafte Fläche (zu niedrig, zu breit) markiert obwohl im <object> tag und im CSS die korrekten größen angegeben sind...

Safari:

http://www.filmabend.info/upload/Safari.png

Chrome:

http://www.filmabend.info/upload/Chrome.png

Im IE8 und IE7 wird der Player gar nicht dargestellt.

HTML Code:
Code:

<ul id="jukebox">
                <li>
                <object width="280" height="240" id="main" align="middle"><param name="movie" value="http://www.filmabend.info/xspf/xspf_jukebox.swf?playlist_url=http://www.filmabend.info/xspf/playlist.xspf&skin_url=http://www.filmabend.info/xspf/Filmabend/&loadurl=http://www.filmabend.info/xspf/variables.txt" /><embed src="http://www.filmabend.info/xspf/xspf_jukebox.swf?playlist_url=http://www.filmabend.info/xspf/playlist.xspf&skin_url=http://www.filmabend.info/xspf/Filmabend/&loadurl=http://www.filmabend.info/xspf/variables.txt" wmode="transparent" width="280" height="240" name="main" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>

                </li>
                </ul>

CSS:
Code:

ul#jukebox {
width: 280px;
height: 240px;
margin: 0 0 12px 0;
}

Wäre für Hilfe sehr dankbar!

rs-web 04.11.2010 10:10

Poste bitte einen Link. Hast du den Code schon mit dem Validor geprüft?

EDIT: Also bei mir im aktuellen Chrome wird sie korrekt angezeigt und bei aktuellen Safari auch

1chris 04.11.2010 10:55

Dieser Code funktionier auch im IE
Code:

<embed       
          type="application/x-shockwave-flash"
          pluginspage="http://www.adobe.com/go/getflashplayer_de"
          width="100"
          height="100"
          quality="high"
          wmode="transparent"
          src="http://xxx/player.swf?file=xxx.xx&1"
          allowscriptaccess="always"
          allowfullscreen="true"
          menu="true"
          name="player"
          devicefont="false"
          scale="showall"
          loop="false"
          play="false"
          autostart="false"
/>

Musst halt nur entsprechend anpassen und evtl ein paar umstellen, z.B. allowscriptaccess.


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:28 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2020, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020