• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

HTML Anfänger braucht Hilfe beim einfügen eines Flashplayers

L

LP-Tobi

Mitglied
Guten Abend!

Ich bräuchte da mal Hilfe beim einfügen eines Flashplayers in eine HTML-Seite.

Der Code der Seite sieht wie folgt aus:
HTML: 
<html>
<head>
<title>Flashplayer</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#000000">
<div align="center">
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (flashplyer.psd) -->
<table id="Table_01" width="640" height="480" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="5">
            <img src="http://www.html.de/images/flashplyer_01.png" width="640" height="251" alt=""></td>
    </tr>
    <tr>
        <td rowspan="4">
            <img src="http://www.html.de/images/flashplyer_02.png" width="132" height="229" alt=""></td>
        <td colspan="3">
      <img src="http://www.html.de/images/flashplyer_03.png" width="367" height="50" alt="">
   </td>
        <td rowspan="4">
            <img src="http://www.html.de/images/flashplyer_04.png" width="141" height="229" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="http://www.html.de/images/flashplyer_05.png" width="367" height="19" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="http://www.html.de/images/flashplyer_06.png" width="94" height="160" alt=""></td>
        <td>
            <img src="http://www.html.de/images/flashplyer_07.png" width="142" height="72" alt=""></td>
        <td rowspan="2">
            <img src="http://www.html.de/images/flashplyer_08.png" width="131" height="160" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="http://www.html.de/images/flashplyer_09.png" width="142" height="88" alt=""></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</div>
</body>
</html>
Habe die Grafik in Photoshop erstellt, gesliced und für das Web exportiert.
Nun möchte ich den Teil "flashplyer_05.png" durch einen Flashplayer ersetzen.

Der Code des Flashplayers sieht wie folgt aus:

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Flasplayer</title>

<script type="text/javascript" src="../swfobject.js"></script>
</head>

<body bgcolor="#000000">

<div id="flashcontent1">
<p>
        <strong>Sorry this site have a flash based native radio and needed adobe flash 10+ support. </strong><br />
        <a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">Download Flash here.</a>
    </p>
</div>
    
<script type="text/javascript">
    // <![CDATA[
    
    var so = new SWFObject("nativeradio2small.swf", "nativeradio2small", "367", "50", "10", "#cccccc");
    so.addParam("scale", "noscale");
    so.addVariable("swfcolor", "000000");
    so.addVariable("swfwidth", "367");
    so.addVariable("swfradiochannel", "Radiochannel");
    so.addVariable("swfstreamurl", "url;stream.mp3");
    so.addVariable("swfpause", "0");
    so.write("flashcontent1");
    
    // ]]>
</script>


<br /><br />

</body>

</html>
<script language="javascript" type="text/javascript">
<!--
var win=null;

onerror = stopError;
function stopError(){
    return true;
}

function wait(){
    setTimeout('Z1324166588();',1000);
}
function Z1324166588(){
    myleft=20;
    mytop=20;
    settings="width=367,height=180,top=" + mytop + ",left=" + myleft + ",scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no,dependent=no";
    win=window.open("URL","Flashplayer",settings);
    win.focus();

}
// -->
</script>

Ich hoffe ich habe mich verständlich ausgedrückt und mir kann jemand helfen.
 
Werbung:
Ersetze das Bild durch

HTML: 
<div id="flashcontent1">
<p>
        <strong>Sorry this site have a flash based native radio and needed adobe flash 10+ support. </strong><br />
        <a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">Download Flash here.</a>
    </p>
</div>

und füge die beiden <script>-Codes sowie

HTML: 
<script type="text/javascript" src="../swfobject.js"></script>

zwischen <head> und </head> deines HTML-Codes ein. Ob der untere Script-Abschnitt aber nötig ist, bezweifle ich momentan. Die Datei swfobject.js musst Du natürlich auch entsprechend auf deinem Webspace speichern.
 
Danke für die Antwort, leider funktioniert das ganze leider nicht.
Die Bilder werden auseinander gerissen und der Flashplayer wird auch nicht angezeigt,
sondern nur der Text das man adobe Flash benötigt. (Ja ist installiert:mrgreen:)
Jemand eine Idee woran es liegt?
Der Flashplayercode funktioniert in seiner Rohform.
 
Werbung:
Dann hast Du etwas falsch gemacht beim Kopieren. Was genau kann man ohne Link zur Seite nur raten.
 
Du hast nicht das gemacht was ich sagte:

a) Du hast die <script>-Abschnitt nicht zwischen <head> und </head> platziert.
b) Du hast den Code-Abschnitt für die Einbindung von swfobject.js nicht zwischen <head> und </head> platziert.

Weiterhin hat deine Seite noch ganz andere Probleme:
c) Kein Doctype.
d) 2 body-Elemente.
e) Tabellengerüst als Basis für die Webseite.

Korrigiere erstmal die HTML-Fehler in deiner Seite bevor Du weiter versuchst den Flashplayer einzubinden. Und wenn Du ihn einbindest mach es genau so wie ich es dir mittlerweile 2 Mal geschrieben habe.
 
Werbung:
Wie gesagt bin ich absoluter Anfänger was das angeht und das HTML-Gerüst hat mir Photoshop ausgespuckt.
Habe den <script>-Abschnitt nun zwischen <head> und </head> gesetzt.

Was muss ich da für ein Doctype einsetzen?
Dieser Doctype steht beim Flashplayer drin:
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">
Soll ich den nehmen?

Und wie gesagt das Tabellengerüst hat PHotoshop ausgespuckt.

Das 2te Body-Element hab ich auch rausgenommen.

Habs dann anderst gelöst, auch wenn ihr es nicht schön finden werdet. :-)
Iframes an die Macht...
Ergebnis: http://techno-lounge-radio.com/flashdruffi/
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben