Thema: Flash ins Template einfügen

AKTUALISIERT: W3C konform
ANTWORT 2 mittels JAVA unnötig ! warum ? Google dich schlau !
FUNKTIONIERT mit allen Browsern

***

Was muß ich wissen ?
Eine Flash Datei wird nicht wie beispielsweise ein Background über die CSS defeniert, sondern direkt in die Index.php eingefügt.


Was benötige ich ?
Du benötigst einen Editor beispielsweise den Dreamweaver, den passenden Code zum einfügen und ein wenig Wissen.


Was gilt zu beachten ?
Halte dich an die exakten Pfadangaben, mehr dazu später.

-Was gilt zu beachten wenn ich den vorhandenen Header, durch einen Flash-header ersetzten will ?
Beachte das dein Flashheader die gleichen Maße in breite und läge hat wie der zu ersetztende Image Header, sonst zeschießt es dir wahrscheinlich dein Layout.

- Wie finde ich die Größe meines Headerbildes herraus ?
Öffne das auszutauschende Bild in deinem Grafikprogramm, dort werden dir die Maße angezeigt, oder klicke auf das Bild wenn es sich in einem Ordner auf deiner Festplatte befindet, dort wird dir ebenfalls links bei den Details angezeigt welche Maße es hat.

- Wo kann ich die Größe der Tabelle oder des div's ändern ?
In deiner CSS Datei

*****

Los gehts ...

Das hier ist der Code zum einfügen einer Flash Datei in deine Index.php:

PHP-Code:

<object width="xx" height="xx"  
     data="http://www.deineSeite/link_zum_Flashfile.swf"  
     type="application/x-shockwave-flash"> 
<param name="movie" 
value="http://www.deineSeite/link_zum_Flashfile.swf"> 
</object> 


! Pfadangabe: !
Meistens passiert der Fehler hier, sprich du hast alles wunderbar nach dieser Anleitung gemacht aber den Pfad nicht ausgeschrieben, sondern ähnlich wie die Bilder abgekürzt, beispielsweise durch:

Falsch: /images/flash/flashdatei.swf
das funktioniert nicht, du mußt zur einwandfreien Funktion den kompletten Pfad zu deiner Flashdatei angeben, wie folgt:

Richtig: http://www.deine-Domain.de/ templates/name_deines_Templates/ images/flash/flashdatei.swf

Kann ich das Kontrollieren ?
Natürlich! Nachdem du die Flashdatei hochgeladen hast, rufe einfach im Browser den Pfad auf den du in den oben stehenden Code eingetragen hast, wenn die Flashdatei nun angezeigt wird passt alles, wenn nicht liegt dein Film wo anderst und du mußt den Pfad nochmal ändern.


Hinweis:
Diesen Code plazierst du dort in deinem Template wo später dein Flashfilm erscheinen soll, vergiss nicht der Code gehört nicht ins Layout, solltest du mit Dreamweaver oder anderen WYSIWYG-Editoren arbeiten, stell vorher auf Codeansicht um.

*****

Problemlösung:

Flash-Datei wird nicht angezeigt: ^^ Pfadangabe
Flash-Datei hat die Falsche Größe: height & width im Code bzw. CSS des Div's oder der Row
Nicht verstanden: nochmal lesen

@ScDesign
danke hast du super erklärt
leider muss ich in einigen punkten widersprechen bzw. korrigieren

<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="xxx" height="yyy">
<param name="movie" value="Pfadangabe" />
<param name="quality" value="high" />
<embed src="Pfadangabe" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="xxx" height="yyy"></embed>
</object>

dieser code ist leider nicht xhtml valide und auch nicht geeignet für den ie7 wegen der Aktive-X-Steuerlement-sperre

hier mal der code xhtml valide

<object type="application/x-shockwave-flash" height="yyy" width="xxx" data="Pfadangabe">
<param value="Pfadangabe" name="movie" />
<param name="quality" value="high" />
<param value="false" name="menu" /></object>

und jetzt wie man es richtig für alle browser mit umgehung der ActiveX sperre des ie7 und xhtml valide macht

1. Erstellen der Datei flashmovie.js


Inhalt von flashmovie.js
--------------------------------------------------------------------
function FlashMovie(src, movie, width, height, version, quality, menu, bgcolor, flashvars, wmode)
{
document.write("<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version="+version+",0,0,0' width='" +width+ "' height='" +height+ "' id='" +movie+ "'>");
document.write("<param name='movie' value='" +src+ "' />");
document.write("<param name='FlashVars' value='" +flashvars+ "'>");
document.write("<param name='quality' value='" +quality+ "' />");
document.write("<param name='menu' value='" +menu+ "' />");
document.write("<param name='bgcolor' value='" +bgcolor+ "' />");
document.write("<param name='wmode' value='" +wmode+ "' />");
document.write("<embed src='" +src+ "' swLiveConnect='true' menu='" +menu+ "' FlashVars='" +flashvars+ "' quality='" +quality+ "' bgcolor='" +bgcolor+ "' wmode='" +wmode+ "' width='" +width+ "' height='" +height+ "' name='" +movie+ "' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' />");
document.write("</object>");
}
----------------------------------------------------------------------



2. Einbinden des Javascriptes in die index.php des Templates


Inhalt index.php
----------------------------------------------------------------------
<script language="JavaScript" type="text/JavaScript" src="Pfadangabe/flashmovie.js">
<script type="text/JavaScript" >
<!--
FlashMovie("Pfadangabe", "filmname", yyy, xxx, 7, "high", false, "", "");
-->
</script>
----------------------------------------------------------------------

geupdated: 11. Februar 2007

Moinsen,
ja, wurde hier gut erklärt. Danke!

So, endlich funktionierts - hab eine Lösung für alle Browser, die zudem W3C-konform ist:

HTML-Code:

<object width="xx" height="xx"
     data="http://www.deineSeite/link_zum_Flashfile.swf"
     type="application/x-shockwave-flash">
<param name="movie" value="http://www.deineSeite/link_zum_Flashfile.swf">
</object>

So und hier als Nachtrag, einen funktionierenden W3C konformen Script, der das Problem,
der deaktivierten aktive-x Steuerelemte des IE umgeht:

PHP-Code:

<!-- script anti activex fix -->
        <div id="Name des Div Containers in dem das Flash liegt"></div>
        <script type="text/javascript">
          // <![CDATA[
        
          var fo = new FlashObject("Filmname.swf", "IDflash", "xx", "yy", "7.0.19", "#bg-color");
          fo.addParam("wmode", "transparent");
          fo.addParam("menu", "false");
          fo.write("flashcontent");
        
           // ]]>
        </script>
    <!-- BAUERSART script anti activex fix --> 


Zitat von CyrusRex

index.php habe ich versucht den Container zu finden wo mein Header drin ist ...
Kleiner Auszug:

<div id="search_outer">
<div id="search_inner">
<?php mosLoadModules ( 'user4', -1 ); ?>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div id="header_outer">
<div id="header">
<div id="pathway_text">
<a href="#" onclick="opacity.toggle();"></a>
<a href="#" onclick="fadesize.toggle('width');"><img src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/images/showhide.png" id="showhide" border="0"></a><?php mosPathWay(); ?>
</div>
</div>
<div id="top_outer">
<div id="top_inner">
<?php
if ( mosCountModules( 'top' ) ) {
mosLoadModules ( 'top', -2 );

Du solltest nicht fragen, wenn du offensichtlich noch nicht mal den Beitrag von Anfang
bis ende gelesen hast, dann wüßtest du wie du einfügst, selbst ein "Mädl" sollte nicht
weniger minderbemittelt als Anfänger sein.

Grundsätzlich weiß ich nicht wie dein Header mittels CSS defeniert ist, ist aber
letztendlich auch egal, du bist im falschen Forum, das hier ist für Beta How-tos und
Fragen bzw. Problemen zu den Tutorials, allgemeine Hilfe aufgrund von Wissensdefiziten
bekommst du im Templates oder Allgemeinem Forum