Flashdatei im Header einbinden

flobster

Zitat

So ein Schwachsinn. Alleine Netscape 4 benötigte das (nie zum HTML-Standard gehörende) <embed>-Element.

Ok, ok ist ja schon gut...

Korrekterweise fehlen dann aber trotzdem noch die Angabe zur classid sowie object type="application/x-shockwave-flash".
In der Tat wird nach langer Zeit ein Flashclip geladen, ohne sichtbaren Inhalt. Ich würde nach wie vor auf einen Fehler innerhalb des swf tippen, ggf. auch falsch deklarierte stage Variablen.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

Zitat von flobster

Korrekterweise fehlen dann aber trotzdem noch die Angabe zur classid

Nö. Flash wird (m.W.) schon ewig nicht mehr per ActiveX eingebunden. :-)
dciwam | FAQ : Flash valide in (X)HTML einbinden
Bisher funktionierte bei mir alles wunderbar, auch ohne ActiveX-Kram...

Zitat

sowie object type="application/x-shockwave-flash".

Richtig. Steht aber drin, zumindest in meinem Beispielcode oben. (auch auf der Seite, grade nachgeguckt)

Zitat

Ich würde nach wie vor auf einen Fehler innerhalb des swf tippen, ggf. auch falsch deklarierte stage Variablen.

Das kann durchaus sein. Aber gestern gings ja noch, hab ich mit eigenen Augen gesehen. ;-) Und believer hat ja nach eigener Aussage nichts gemacht.

(Die lange Ladezeit muss ja nicht am Flash liegen, war ja vorher auch schon so...)

believer

Zitat von marX

Das kann durchaus sein. Aber gestern gings ja noch, hab ich mit eigenen Augen gesehen. ;-) Und believer hat ja nach eigener Aussage nichts gemacht.

Ja, das stimmt. Das Flash lief einwandfrei, ich habe nicht weiter dran rumgebastelt (warum auch), es war eigentlich alles fertig...:???: Mein provider schaut sich gerade das Problem an, wegen des langsamen Aufbaus der Seite...

Habe mir swfobject 2.1 runtergeladen, aber habe nun erstmal das Problem, wo ich was auf dem Server installiere, steht dummerweise nicht in der Beschreibung von swfobject. Gibts dazu eine Beschreibung?

marX

Zitat von believer

Habe mir swfobject 2.1 runtergeladen, aber habe nun erstmal das Problem, wo ich was auf dem Server installiere, steht dummerweise nicht in der Beschreibung von swfobject. Gibts dazu eine Beschreibung?

Nur die swfobject.js, und - falls du die benutzen möchtest - auch die expressinstall.swf (dient zum Nachladen der aktuellsten Falshversion, falls der Besucher diese nicht installiert hat).

Es gibt auch Plugins dafür:
http://wordpress.org/extend/plugins/tags/swfobject
(aber meistens sicher für Flash in Artikeln...)

believer

Habe mich für die Static Publishing Methode entschieden, aber wie, besser gesagt wo baue ich diesen kopierten Code der swfobject 2.1 Beschreibung

PHP

<head>
    <title>SWFObject v2.0 - step 1</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  </head>
  <body>
    <div>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420">
        <param name="movie" value="myContent.swf" />
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="myContent.swf" width="780" height="420">
        <!--<![endif]-->
          <p>Alternative content</p>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
      </object>
    </div>
  </body>

Alles anzeigen

in die header.php ein

PHP

<?php global $wp_theme_options; // at the top because we use the variables multiple times in this file ?>
<!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 profile="http://gmpg.org/xfn/11">


<!--The Title-->
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :: '; } ?><?php bloginfo('name'); ?></title>


<!--The Favicon-->
<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favicon.ico" type="image/x-icon" />


<!--The Meta Info-->
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<?php wp_meta(); //we need this for plugins ?>


<!--The Stylesheets-->
<style type="text/css" media="screen">
    @import url( <?php bloginfo('stylesheet_url'); ?> );
    @import url(<?php bloginfo('stylesheet_directory'); ?>/css/dropdown.css);
    @import url(<?php bloginfo('stylesheet_directory'); ?>/css/jtabber.css);
    @import url(<?php bloginfo('stylesheet_directory'); ?>/css/custom.css);
</style>
<!--The Internet Explorer Specific Stuff-->
<!--[if lte IE 7]>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/lte-ie7.css" type="text/css" media="screen" />
<![endif]-->
<!--[if lt IE 7]>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/lt-ie7.css" type="text/css" media="screen" />
    <script src="<?php bloginfo('template_url'); ?>/js/dropdown.js" type="text/javascript"></script>
<![endif]-->
<?php

Alles anzeigen

Sorry, ich habe kaum Ahnung davon, bin mir aber sicher, das ich das mit Eurer Hilfe hinbekomme :neutral:

marX

Zitat von believer

Habe mich für die Static Publishing Methode entschieden

Naja, das hat ja eigentlich kaum Vorteile gegenüber meiner 1. Variante.

Zitat

Sorry, ich habe kaum Ahnung davon, bin mir aber sicher, das ich das mit Eurer Hilfe hinbekomme :neutral:

"Einfach" meinen Code mit dem von SWFObject ersetzen und Pfad und Dateiname deines Flashfilmchens anpassen.

believer

Zitat von marX

Naja, das hat ja eigentlich kaum Vorteile gegenüber meiner 1. Variante.

Also doch besser die 2. Variante dynamic publishing?

Zitat von marX

"Einfach" meinen Code mit dem von SWFObject ersetzen und Pfad und Dateiname deines Flashfilmchens anpassen.

Geht der folgende Code?

PHP

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420">
        <param name="movie" value="glitzer.swf" />
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="glitzer.swf" width="1000" height="145">
        <!--<![endif]-->
          <p>Alternative content</p>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
      </object>

Alternativ würdest Du was empfehlen? Welchen Code für z. B. dynamic publishing müsste ich verwenden?

marX

Zitat von believer

Also doch besser die 2. Variante dynamic publishing?

Wenn du die vorteile nutzen willst, die dir SWFObject bietet, dann ja. Für das "static publishing" brauchst du ja SWFObject (den JS-Code) nicht.

Zitat

Alternativ würdest Du was empfehlen? Welchen Code für z. B. dynamic publishing müsste ich verwenden?

HTML

<script type="text/javascript">
     swfobject.embedSWF("test6.swf", "content", "300", "120", "9.0.0", "expressInstall.swf");
</script>

Plus das SWFObject-JS in den <head> einbinden:

HTML

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

believer

Klappt jetzt irgendwie nicht richtig!

1. Habe die "expressInstall.swf" in das template url hochgeladen
2. Habe ebenso die "swfobject.js" in das template url hochgeladen
3. Habe natürlich auch mein Filmchen "glitzer.swf" in template url

Nun habe ich folgendes im header.php geändert. Ist das so richtig (auf jeden Fall funktioniert es so nicht)?

Hier die gesamte header.php:

PHP

<?php global $wp_theme_options; // at the top because we use the variables multiple times in this file ?>
<!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 profile="http://gmpg.org/xfn/11">


<!--The Title-->
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :: '; } ?><?php bloginfo('name'); ?></title>


<!--The Favicon-->
<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favicon.ico" type="image/x-icon" />


<!--The Meta Info-->
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<?php wp_meta(); //we need this for plugins ?>


<!--The Stylesheets-->
<style type="text/css" media="screen">
    @import url( <?php bloginfo('stylesheet_url'); ?> );
    @import url(<?php bloginfo('stylesheet_directory'); ?>/css/dropdown.css);
    @import url(<?php bloginfo('stylesheet_directory'); ?>/css/jtabber.css);
    @import url(<?php bloginfo('stylesheet_directory'); ?>/css/custom.css);
</style>


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


<!--The Internet Explorer Specific Stuff-->
<!--[if lte IE 7]>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/lte-ie7.css" type="text/css" media="screen" />
<![endif]-->
<!--[if lt IE 7]>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/lt-ie7.css" type="text/css" media="screen" />
    <script src="<?php bloginfo('template_url'); ?>/js/dropdown.js" type="text/javascript"></script>
<![endif]-->
<?php 
///////////////////////begin the insertion of the sidebar extend code
if(function_exists('is_front_page'))
if(!is_front_page()) : ?>
<style type="text/css" media="screen">
#container { background: url(<?php bloginfo('stylesheet_directory'); ?>/images/container-bg-sidebar.gif) top center repeat-y; }
</style>
<?php endif; else if(!is_home()) : ?>
<style type="text/css" media="screen">
#container { background: url(<?php bloginfo('stylesheet_directory'); ?>/images/container-bg-sidebar.gif) top center repeat-y; }
</style>
<?php endif; 
///////////////////////end the insertion of the sidebar extend code 
?>


<?php wp_print_scripts(); //this uses the built in WP jquery code ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jtabber.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
                 jQuery.jtabber({
                          mainLinkTag: "#nav a", // much like a css selector, you must have a 'title' attribute that links to the div id name
                          activeLinkClass: "selected", // class that is applied to the tab once it's clicked
                          hiddenContentClass: "hiddencontent", // the class of the content you are hiding until the tab is clicked
                          showDefaultTab: 1, // 1 will open the first tab, 2 will open the second etc.  null will open nothing by default
                          showErrors: false, // true/false - if you want errors to be alerted to you
                          effect: null, // null, 'slide' or 'fade' - do you want your content to fade in or slide in?
                          effectSpeed: 'fast' // 'slow', 'medium' or 'fast' - the speed of the effect
                 });
});
</script>


<!--The RSS and Pingback-->
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php if($wp_theme_options['feedburner_url']) echo $wp_theme_options['feedburner_url']; else bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


<?php wp_head(); //we need this for plugins ?>
</head>


<body>


<div id="container">
                                         
<div id="header" class="clearfix">
     <script type="text/javascript">
     swfobject.embedSWF("glitzer.swf", "content", "1000", "145", "9.0.0", "expressInstall.swf");
</script>         




<div id="search">
    <form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
    <input type="text" value="search..." name="s" id="s" onfocus="if (this.value == 'search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'search...';}" />
    </form>
    </div>
</div>    


<div id="menu" class="clearfix">
<ul>
        <?php //A link back to the homepage ... unlesss the user chose to omit it ?>
        <?php if($wp_theme_options['exclude_pages']['0'] != 'home') { ?>
        <li class="home <?php if ( is_home() ) { echo "current_page_item"; } ?>"><a href="<?php echo get_settings('home'); ?>"><?php _e("Home"); ?></a></li>
        <?php } ?>
    <?php //Lists pages, excludes pages selected in theme options ?>
    <?php if($wp_theme_options['exclude_pages']) $exclude = implode(",", $wp_theme_options['exclude_pages']); ?>
    <?php $my_pages = "title_li=&depth=2&sort_column=menu_order&exclude=".$exclude; wp_list_pages($my_pages); ?>
</ul>
</div>

Alles anzeigen

marX

Zitat von believer

1. Habe die "expressInstall.swf" in das template url hochgeladen
2. Habe ebenso die "swfobject.js" in das template url hochgeladen
3. Habe natürlich auch mein Filmchen "glitzer.swf" in template url
Nun habe ich folgendes im header.php geändert. Ist das so richtig (auf jeden Fall funktioniert es so nicht)?

Da fehlt überall jeweils das <?php bloginfo('template_url') ?>, z.B.:

HTML

<script type="text/javascript" src="<?php bloginfo('template_url') ?>/swfobject.js"></script>

HTML

<div id="header" class="clearfix">
     <script type="text/javascript">
     swfobject.embedSWF("<?php bloginfo('template_url') ?>/glitzer.swf", "content", "1000", "145", "9.0.0", "<?php bloginfo('template_url') ?>/expressInstall.swf");
</script>

believer

Nach diesen Änderungen ist meine Seite nun total verschossen und auch das Flash ist nicht da... :-?

marX

Sorry, etwas anders. Das hier kommt so in den <head>:

HTML

<script type="text/javascript" src="<?php bloginfo('template_url') ?>/swfobject.js"></script>
<script type="text/javascript">
     swfobject.embedSWF("<?php bloginfo('template_url') ?>/glitzer.swf", "header", "1000", "145", "9.0.0", "<?php bloginfo('template_url') ?>/expressInstall.swf");
</script>

(vor allem das "header" statt "content" beachten!)

Das Header-Div im <body> änderst du nicht, d.h. das Script dort fliegt wieder raus. (Eventuell brauchst du noch ein weiteres <div> innerhalb von #header, um die Suche korrekt zu behalten.

:arrow: http://code.google.com/p/swfobject/wiki/documentation

believer

Zitat von marX

Das Header-Div im <body> änderst du nicht, d.h. das Script dort fliegt wieder raus.

Also Du meinst, wieder auf diesen letzten Stand nach dem <div id="header" class="clearfix">?

PHP

<object width="1000" height="145"
     data="<?php bloginfo('template_url') ?>/glitzer.swf"
     type="application/x-shockwave-flash">
   <param name="glitzer" value="<?php bloginfo('template_url') ?>/glitzer.swf" />
   <param name="wmode" value="transparent" />
 </object>

Zitat von marX

Eventuell brauchst du noch ein weiteres <div> innerhalb von #header, um die Suche korrekt zu behalten.

Sorry für meine Frage als Anfänger und auch, wenn ich nerve: Was muss ich denn neben diesem <div> noch rein nehmen und wohin?

PHP

<div id="search">
    <form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
    <input type="text" value="search..." name="s" id="s" onfocus="if (this.value == 'search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'search...';}" />
    </form>
    </div>

marX

Zitat von believer

Also Du meinst, wieder auf diesen letzten Stand nach dem <div id="header" class="clearfix">?

Nö, einfach raus. :-)

Zitat

Sorry für meine Frage als Anfänger und auch, wenn ich nerve: Was muss ich denn neben diesem <div> noch rein nehmen und wohin?

Probier erstmal so, dann schauen wir weiter. Das Suchfeld ist ja erstmal zweitrangig, das schaffen wir schon - wenn das Flash erstmal wieder läuft. ;-)

believer

Das Flash läuft nicht, das Suchfeld erscheint auch nicht. :(
Alles andere geht...
Was soll ich tun?

marX

Keine Ahnung. Irgendwas ist mit dem Flash faul, weil ich bekomme aus auch im direkten Aufruf nicht angezeigt:
http://www.gospel-life.de/wp-content/the…122/glitzer.swf

An WP liegts jedenfall nicht. ;-)

believer

Ich lade das Flash gerade noch mal hoch...

believer

Auch eine andere Flash, pur.swf, läuft nicht. Die ging aber auch...
Habe im header natürlich den Dateinamen geändert.
Ich bin völlig ratlos und vermute, daß ich irgendwie/wo natürlich einen Fehler habe.
Wenn ich <skript... aus dem header-bereich raus nehme, erscheint wieder mein altes header.jpg, was im ordner images abgelegt ist.:(

marX

Mmh... fangen wir vielleicht nochmal ganz vor an, mit der 1. Idee. Also das Flash einfach in den #header-Container einbauen, ohne Script etc. Und dann erstmal verschiedene Flashs-Filmchen testen. Es ging ja alles schon mal, also kann's ja eigentlich nicht so schwer sein... :-)

believer

mmmmmh. Also, da geht gar nichts.

#header container sieht jetzt wieder so aus:

PHP

<div id="container">
                                         
<div id="header" class="clearfix">
     <object width="1000" height="145"
    data="<?php bloginfo('template_url') ?>/glitzer.swf"
    type="application/x-shockwave-flash">       
  <param name="movie" value="<?php bloginfo('template_url') ?>/glitzer.swf">
  <param name="wmode" value="transparent" /><param /> 
</object>

Es erscheint auf der Webseite nur meine header.jpg.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Flashdatei im Header einbinden

Jetzt mitmachen!