youtube video embed wird in IE8 nicht angezeigt

pduesp · 7 Oktober 2008

hallo,

ich habe da noch eine kleine Frage:

ich habe eine site erstellt, wo ich youtubevideos extern einbauen musste, da mein hoster nur eine Datengröße von bis zu 3 mb erlaubt.

unter mozillabrowser firefox kann ich die inhalte super sehen, nur der IE8 macht mir Probleme.

könntet ihr mir vielleciht sagen, warum die movies im IE8 nicht angezeigt werden?

das komische ist auch, dass das movie in der rechten oberen ecke angezeigt wird und die anderen nicht.
hier der link:
Spongebob

hier mal der code der site:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php
header("Content-Type: text/html; charset=UTF-8");
?> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Spongebob</title>
<style type="text/css">
<!--
body {
    background-color: #333333;
}
#apDiv1 {
    position:absolute;
    left:460px;
    top:40px;
    width:570px;
    height:100px;
    z-index:1;
}
.Stil1 {color: #FF0000}
#apDiv2 {
    position:absolute;
    left:250px;
    top:172px;
    width:425px;
    height:344px;
    z-index:2;
}
#apDiv3 {
    position:absolute;
    left:820px;
    top:172px;
    width:425px;
    height:344px;
    z-index:3;
}
#apDiv4 {
    position:absolute;
    left:250px;
    top:619px;
    width:425px;
    height:344px;
    z-index:4;
}
#apDiv5 {
    position:absolute;
    left:820px;
    top:619px;
    width:425px;
    height:344px;
    z-index:5;
}
#apDiv6 {
    position:absolute;
    left:250px;
    top:1060px;
    width:425px;
    height:344px;
    z-index:6;
}
#apDiv7 {
    position:absolute;
    left:820px;
    top:1060px;
    width:425px;
    height:344px;
    z-index:7;
}
body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
}
.Stil2 {color: #00FF00}
.Stil3 {color: #CCCCCC; }
-->
</style>
<script src="../Scripts/AC_ActiveX.js" type="text/javascript"></script>
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>
<h1 align="center"><span class="Stil1"><a href="../home.html" class="Stil1">Spongebob</a></span><a name="oben" id="oben"></a></h1>
<table width="300" border="0" align="center" cellpadding="0" cellspacing="50">
  <tr>
    <th scope="row">Schnellnavigation:</th>
    <th scope="row"><a href="#movies" class="Stil2">movies</a></th>
    <th scope="row"><a href="../flash.html" class="Stil3">zurück</a></th>
  </tr>
</table>
<p align="center">&nbsp;</p>
<a name="movies" id="movies"></a>
<table width="300" border="0" align="center" cellpadding="0" cellspacing="50" bordercolor="#333333" bgcolor="#333333">
  <tr>
    <th scope="col"><script type="text/javascript">
AC_AX_RunContent( 'width','425','height','344','src','http://www.youtube.com/v/8S-83RcwnuY&hl=en&fs=1','type','application/x-shockwave-flash','allowfullscreen','true','movie','http://www.youtube.com/v/8S-83RcwnuY&hl=en&fs=1' ); //end AC code
</script><noscript><object width="425" height="344">
      <param name="movie" value="http://www.youtube.com/v/8S-83RcwnuY&hl=en&fs=1" />
      <param name="allowFullScreen" value="true" />
      <embed src="http://www.youtube.com/v/8S-83RcwnuY&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
    </object></noscript></th>
    <th scope="col"><p><object width="425" height="344">
        <param name="movie" value="http://www.youtube.com/v/Uq8tINw3JHo&hl=en&fs=1" />
        <param name="allowFullScreen" value="true" />
        <embed src="http://www.youtube.com/v/Uq8tINw3JHo&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
        <br />
      </object>
    </p>    </th>
  </tr>
  <tr>
    <td><div align="center">Allerschönster Tag</div></td>
    <td><div align="center">Spongebob-Rocky Balboa </div></td>
  </tr>
  <tr>
    <td><div align="center">
      <script type="text/javascript">
AC_AX_RunContent( 'width','425','height','344','src','http://www.youtube.com/v/EsS0LurvEvI&hl=en&fs=1','type','application/x-shockwave-flash','allowfullscreen','true','movie','http://www.youtube.com/v/EsS0LurvEvI&hl=en&fs=1' ); //end AC code
</script><noscript><object width="425" height="344">
        <param name="movie" value="http://www.youtube.com/v/EsS0LurvEvI&hl=en&fs=1" />
        <param name="allowFullScreen" value="true" />
        <embed src="http://www.youtube.com/v/EsS0LurvEvI&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
        </object></noscript>
      <br />
    </div></td>
    <td><div align="center">
      <script type="text/javascript">
AC_AX_RunContent( 'width','425','height','344','src','http://www.youtube.com/v/Ol0yn7DyxTU&hl=en&fs=1','type','application/x-shockwave-flash','allowfullscreen','true','movie','http://www.youtube.com/v/Ol0yn7DyxTU&hl=en&fs=1' ); //end AC code
      </script>
      <noscript>
      <object width="425" height="344">
        <param name="movie" value="http://www.youtube.com/v/Ol0yn7DyxTU&amp;hl=en&amp;fs=1" />
        <param name="allowFullScreen" value="true" />
        <embed src="http://www.youtube.com/v/Ol0yn7DyxTU&amp;hl=en&amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
      </object>
      </noscript>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">Gary komm heim</div></td>
    <td><div align="center">Spongebob- Rocky Balboa</div></td>
  </tr>
  <tr>
    <td><script type="text/javascript">
AC_AX_RunContent( 'width','425','height','344','src','http://www.youtube.com/v/nCeBjnCHQ0Q&hl=en&fs=1','type','application/x-shockwave-flash','allowfullscreen','true','movie','http://www.youtube.com/v/nCeBjnCHQ0Q&hl=en&fs=1' ); //end AC code
    </script>
      <noscript>
      <object width="425" height="344">
        <param name="movie" value="http://www.youtube.com/v/nCeBjnCHQ0Q&hl=en&fs=1" />
        <param name="allowFullScreen" value="true" />
        <embed src="http://www.youtube.com/v/nCeBjnCHQ0Q&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
      </object>
      </noscript>    </td>
    <td><script type="text/javascript">
AC_AX_RunContent( 'width','425','height','344','src','http://www.youtube.com/v/KpT0yVmJRKg&hl=en&fs=1','type','application/x-shockwave-flash','allowfullscreen','true','movie','http://www.youtube.com/v/KpT0yVmJRKg&hl=en&fs=1' ); //end AC code
    </script>
      <noscript>
      <object width="425" height="344">
        <param name="movie" value="http://www.youtube.com/v/KpT0yVmJRKg&hl=en&fs=1" />
        <param name="allowFullScreen" value="true" />
        <embed src="http://www.youtube.com/v/KpT0yVmJRKg&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
      </object>
      </noscript>    </td>
  </tr>
  <tr>
    <td><div align="center">    F.U.N.ä</div></td>
    <td><div align="center">    Victory</div></td>
  </tr>
</table>
<table width="300" border="0" align="center" cellpadding="0" cellspacing="50">
  <tr>
    <th scope="row">Schnellnavigation:</th>
    <th scope="row"><a href="#movies" class="Stil2">movies</a></th>
    <th scope="row"><a href="#oben" class="Stil2">nach oben</a><a href="../flash.html" class="Stil2"></a></th>
    <th scope="row"><a href="#oben" class="Stil2"></a><a href="../flash.html" class="Stil3">zurück</a></th>
  </tr>
</table>
<p align="center">&nbsp;</p>
</body>
</html>

assmaje · 7 Oktober 2008

Du musst den Doctype vor den Anfang (vor <html>) und die Angabe zur Zeichenkodierung in den head-Bereich deiner HTML-Datei einfügen. HTML (inklusive den Javascript-Angaben) hat nichts in der CSS-Datei zu suchen.

Schau dir das hier mal an:
SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML / Grundgerüst einer HTML-Datei
SELFHTML: Stylesheets / CSS-Formate definieren / Stylesheets in HTML einbinden

P.S.: IE 8 ist noch eine BETA; es ist also sinnlos zu versuchen, eine Website dafür zu optimieren.

pduesp · 7 Oktober 2008

k

hab

PHP:

<?php
header("Content-Type: text/html; charset=UTF-8");
?>

in den header gesteckt, der doctype steht nun als erstes in den htm-datei, hab das gleiche problem jedoch immer noch!

wie kommt das denn, dass ich das video von Spongebob-Rocky Balboa (rechts oben) sehen kann und die anderen net???

Man kann auf der hp von youtube auch die videos mit dem IE8 ohne Probleme sehen.

Im Firefox hab ich das Problem nicht.

Ich hätte da nochwas:

die Anker funktionieren im IE8 auch nicht, liegt das alles an der beta oder mach ich was falsch?

assmaje · 7 Oktober 2008

Was soll der PHP-Code im head-Bereich?

Code:

<!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>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <link rel="stylesheet" type="text/css" href="standard.css">
  </head>
  <body>

    <p>Test.</p>

  </body>
</html>

Falls deine Website in Firefox, IE (bis 7) und Safari funktioniert, haste schon mal gute Karten...

Beta ist Beta... ;)

P.S.: Richte die Videos nicht absolut aus, sondern floate sie.

SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen (float)
SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen (clear)

pduesp · 7 Oktober 2008

das hat mir ein kollege mitgeteilt,

PHP:
man muss den Browser auch mitteilen, dass es sich um UTF-8-Text handelt.
Das macht man am Besten indem man einen HTTP-Header dafür sendet.
Man fügt einfach folgendes ganz zu Anfang deiner Dateien ein:

PHP:

<?php header("Content-Type: text/html; charset=UTF-8"); ?>

ist das denn nicht richtig, ohne den code gehen die browser immer auf westlich ISO8859-1 und da gibt es ja bekanntlich keine umlaute.

threadi · 7 Oktober 2008

In jedem Zeichensatz welcher das in Deutschland gebräuchliche Alphabet enthält gibt es Umlaute. Man muss sie nur für die Ausgabe im Web korrekt formatieren. Im schlimmsten Fall geht es auch mittels HTML (ü etc.).

Aber was hat diese Frage mit deinem Videoproblem zu tun?

assmaje · 7 Oktober 2008

pduesp schrieb:
ist das denn nicht richtig, ohne den code gehen die browser immer auf westlich ISO8859-1 und da gibt es ja bekanntlich keine umlaute.

Im Gegenteil, deshalb sollte immer

Code:

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

im head-Bereich stehen.

SELFHTML: HTML/XHTML / HTML-Kopfdaten / Meta-Angaben zum Inhalt
SELFHTML: Internationalisierung / Zeichenkodierungen (ISO-8859-Familie und andere)

ISO-8859-1 (Latin-1)

Die Codetabelle dieser Kodierung enthält die schriftspezifischen Zeichen für westeuropäische und amerikanische Sprachen. Der Zeichenvorrat deckt die Sprachen Albanisch, Dänisch, Deutsch, Englisch, Färöisch, Finnisch, Französisch, Galizisch, Irisch, Isländisch, Italienisch, Katalanisch, Niederländisch, Norwegisch, Portugiesisch, Schwedisch und Spanisch ab. Lediglich einzelne Zeichen wie das niederländische ĳ, die französischen Ligaturen œ und Œ oder die deutschen Anführungszeichen „“ fehlen.

Zurück zu deiner eigentlichen Frage: Hast dus mal mit float versucht? (siehe Post weiter oben)

pduesp · 7 Oktober 2008

ich glaube das ich den Fehler gefunden habe :

da ist ein <noscript> tag vor dem <object> das habe ich gelöscht und es funktioniert wieder,juhu!!!

wenn ich eine css-stil für die <object>tags (die movies also, in der tabelle)
mit float formatiere, floatet es nicht, ist aber in diesem Fall auch nicht so ragisch, welcher user hat denn schon so einen kleinen Bildschirm, dass nicht einmal 900px in der breite is, da die Tabelle ja selber gefloated ist.

und zu den metatag:

ich habe gerade deinen angegebenen code benützt und es wurden umlaute dargestellt, thx

dreamweaver setzte einen metatag mit utf8, wo jedoch der browser dies nie umsetzen kann, also stell ich mal die metainfo auf ISO-8859-1 um.

threadi · 8 Oktober 2008

pduesp schrieb:
dreamweaver setzte einen metatag mit utf8, wo jedoch der browser dies nie umsetzen kann, also stell ich mal die metainfo auf ISO-8859-1 um.

Dreamweaver müsste dann nur auch alle Umlaute in UTF-8 speichern, dann würde man sie auch "sehen".

Efchen · 8 Oktober 2008

pduesp schrieb:
welcher user hat denn schon so einen kleinen Bildschirm, dass nicht einmal 900px in der breite is, da die Tabelle ja selber gefloated ist.

Sag mal, in welcher Zeit lebst Du denn?
Die Antwort auf Deine Frage:
1. Handy-Nutzer
2. PDA-Nutzer
3. Laptop-Nutzer, insbesondere die des nagelneuen Asus Eeee PC, der hat max. 640 in der Breite.
Aber:
Die Frage nach der Bildschirmgröße hat mit dem Web eigentlich nichts zu tun, denn die sagt ja nichts darüber aus, wie viel Platz Du für Deine Webseite zur Verfügung hast. Nicht nur, dass Fenster Rahmen haben, Browser haben noch Toolbars, Sidebars und Statusleisten. Allein deswegen hast Du für Deine Seite niemals so viel Platz, wie die Auflösung hergibt.
Und dann kommt nochwas hinzu, was Du als Nutzer eines Windowing-Systems scheinbar nicht weißt: Man kann Fenster verkleinern, sie müssen nicht im Vollbild laufen. Gerade bei zunehmend größeren Bildschirmen geht der Trend dazu, mehr Fenster nebeneinander auf dem Screen zu haben, jemand mit einer Auflösungsbreite von 1600px kann ohne weiteres sein Browserfenster auf eine Breite von 723px einstellen.

Ich hoffe, ich habe Dir ein wenig Licht in die Funktionsweise von grafischen Nutzeroberflächen und der des WWW bringen können.

Gruß,
-Efchen

pduesp · 8 Oktober 2008

ich muss noch viel lernen, danke für die Hilfe!!!

eine sache hätte ich aber noch:

warum funktionieren die anker in firefox, im IE8 jedoch nicht?

Efchen · 8 Oktober 2008

Du könntest einfach ein Element, zu dem gesprungen werden soll mit einer id versehen, z.B. <foo id="movies"> und dann mit <a href="#movies"> zu dem Anker springen. Deine Schreibweise ist eine sehr alte (die aber bisher auch immer noch in modernen Browsern funktioniert hat).

youtube video embed wird in IE8 nicht angezeigt

pduesp

Neues Mitglied

assmaje

Neues Mitglied

pduesp

Neues Mitglied

assmaje

Neues Mitglied

pduesp

Neues Mitglied

threadi

Moderator

assmaje

Neues Mitglied

pduesp

Neues Mitglied

threadi

Moderator

Efchen

Guest

pduesp

Neues Mitglied

Efchen

Guest

Neueste Beiträge