 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
bongartz
Threadersteller
Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht: 
|
Verfasst So 13.06.2010 15:21
Titel [javaskript] innerHTML und falshvideos |
  |
|
Hallo,
ich bin gerade dabei eine Webseite mit interaktiven Videos zu programmieren. So lange ich dies mit meinem Webkit Browser (volle html5 Unterstützung) mache ist das auch alles super einfach und geht sofort. Aber so bald ich den Firefox, IE oder so was aufrufen geht einfach gar nichts mehr. Mein Ziel war es alles mit HTML5 zu machen. Nur leider wird der video Tag wohl von dem Firefox noch nicht wirklich richtig unterstützt. Deswegen will ich jetzt bei den Webkit Browser auf html5 und den video Tag zugreifen und bei allen anderen Falsh benutzten.
Die Seite soll ein paar schöne fadeIn und fade Out Effekte bekomme (aus dem JQuery Framework). Dies habe ich so gelöst das ich den Hauptteil der Seite stehen lasse und einfach nur mittels innerHTML den Inhalt des jeweiligen Div austausche. Dies geht auch wunderbar. Nur dummerweise muss man um ein Falshvideo einzubinden ein Javaskript benutzen, und wenn man versucht in einem innerHTML einen <script> Bereich zu schreiben wird nichts mehr angezeigt. Ich habe schon alles versucht was mir eingefallen ist um es irgendwie zum laufen zu bekommen, aber nichts hat wirklich geklappt.
Die Seite wo ihr meine Test-Stand sehen könnt lautet bitsmaker.de/schops
Gibt es irgendeine Möglichkeit die Animationen zu behalten und gleichzeitig ein Falshvideo einzubinden?
Danke für eure Hilfe.
Gruß
Bongartz
|
|
| |
  |
 |
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst So 13.06.2010 15:26
Titel
|
|
|
|
Kannst Du das mal zeigen? Und das man HTML5 im aktiven Projekten noch nicht einsetzen sollte, ist eigentlich bekannt. Zz ist nur Canvas X-Browser fähig.
|
|
| |
|
|
|
Anzeige
|
|
|
bongartz
Threadersteller
Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht:
|
Verfasst So 13.06.2010 15:33
Titel
|
|
|
testseite
Ja nur das geile ist ja das das mit HTML5 im Safari oder Chrome (beides Webkit Browser) z.b. alles super geht. Wenn ich aber nicht html5 verwenden kann und auf alte Technik zurück muss, also quasi Flash dann geht überhaupt nichts.
Hier mal der Code von der Startseite wie ich meine Weiche gebaut habe und wie ich das erste Video lade. Dies geht ja noch da ich ja nicht mit dem innerhtml großartig etwas mache:
| Code: | <div id="videoSchops">
<div id="videoDivAbstand">
<script type="text/javascript">
if ( BrowserDetect.browser == "Safari") {
document.write('<video width="473" height="266" autoplay onplaying="return funktionVideoStart(this);"><source src="video/Schops473-main.mp4" type="video/mp4"></source></video>');
} else {
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','473','height','266','align','left','src','video/Schops473-main','loop','false','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','video/Schops473-main','wmode','opaque' );
document.write('<noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="473" height="266" align="left"><param name="movie" value="video/Schops473-main.swf" /><param name="quality" value="high" /><param name="LOOP" value="false" /><param name="bgcolor" value="#000000"><param name="wmode" value="opaque" /><embed height="266" width="473" src="video/Schops473-main.swf" type="application/x-shockwave-flash" align="left" loop="false" bgcolor="#000000" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" wmode="opaque"></embed></object></noscript> ');
};
</script>
</div>
</div> |
Hier dann noch mal ne Methode die ich geschrieben habe um den Inhalt auszutauschen:
| Code: | function funktionProfil() {
boolVideoButton = true;
$('#contextextflied').fadeOut(1200, function() {
$('#contextextflied').html('text text text.').fadeIn(1200);
});
$('#ueberschrft').fadeOut(1200, function() {
$('#ueberschrft').html('<h1>Profil</h1><h2>Thomas Schops</h2>').fadeIn(1200);
});
if ( !$('#videoSchops').is(':hidden') ){
$('#videoSchops').fadeOut(1200, function() {
$('#buttonRiester').hide();
$('#buttonAV').hide();
$('#buttonSachversicherung').hide();
if ( BrowserDetect.browser == "Safari") {
$('#videoSchops').html('<div id="videoDivAbstand"><video width="473" height="266" autoplay onplaying="return funktionVideoStart(this);"><source src="video/Schops473-main.mp4" type="video/mp4"></source></video></div>').fadeIn(1200);
} else {
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','473','height','266','align','left','src','video/Schops473-main','loop','false','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','video/Schops473-main','wmode','opaque' ).$('#videoSchops').html('<noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="473" height="266" align="left"><param name="movie" value="video/Schops473-main.swf" /><param name="quality" value="high" /><param name="LOOP" value="false" /><param name="bgcolor" value="#000000"><param name="wmode" value="opaque" /><embed height="266" width="473" src="video/Schops473-main.swf" type="application/x-shockwave-flash" align="left" loop="false" bgcolor="#000000" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" wmode="opaque"></embed></object></noscript>').fadeIn(1200);
};
});
} else {
$('#buttonRiester').hide();
$('#buttonAV').hide();
$('#buttonSachversicherung').hide();
if ( BrowserDetect.browser == "Safari") {
$('#videoSchops').html('<video width="473" height="266" autoplay onplaying="return funktionVideoStart(this);"><source src="video/Schops473-main.mp4" type="video/mp4"></source></video>').delay(1200).fadeIn(1200);
} else {
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','473','height','266','align','left','src','video/Schops473-main','loop','false','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','video/Schops473-main','wmode','opaque' ).$('#videoSchops').html('<noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="473" height="266" align="left"><param name="movie" value="video/Schops473-main.swf" /><param name="quality" value="high" /><param name="LOOP" value="false" /><param name="bgcolor" value="#000000"><param name="wmode" value="opaque" /><embed height="266" width="473" src="video/Schops473-main.swf" type="application/x-shockwave-flash" align="left" loop="false" bgcolor="#000000" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" wmode="opaque"></embed></object></noscript>').delay(1200).fadeIn(1200);
};
}
$('#content').animate({height: "450px"}, 1200);
} |
Ich hoffe das Hilft weiter.
Zuletzt bearbeitet von bongartz am So 13.06.2010 15:34, insgesamt 1-mal bearbeitet
|
|
| |
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 13.06.2010 15:41
Titel
|
|
|
Hi Bongartz,
nur fyi - bei mir kommt das Swf-Video einwandfrei (PC, IE8.0.6, FF3.5.3)...
Grüße
zweitaccount
|
|
| |
|
|
bongartz
Threadersteller
Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht:
|
Verfasst So 13.06.2010 16:05
Titel
|
|
|
| zweitaccount hat geschrieben: | Hi Bongartz,
nur fyi - bei mir kommt das Swf-Video einwandfrei (PC, IE8.0.6, FF3.5.3)...
Grüße
zweitaccount |
ja wie gesagt das geht ja auch. Nur klick mal auf Profil, was dann passiert. Da drum geht es mir ja, wenn ich die Inhalte austauschen will, wenn man auf einen Link geht.
|
|
| |
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 14.06.2010 10:21
Titel
|
|
|
Hmm, die Unterseiten gehen aber auch - nur dauert das z.b. bei
Riester 35.86s lt. Firebug. Da solltest Du vielleicht schon ab 10%
Ladestatus den Film abspielen - bzw. die Filme generell als flv
streamen...
Grüße
|
|
| |
|
|
bongartz
Threadersteller
Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht:
|
Verfasst Mo 14.06.2010 11:39
Titel
|
|
|
| zweitaccount hat geschrieben: | Hmm, die Unterseiten gehen aber auch - nur dauert das z.b. bei
Riester 35.86s lt. Firebug. Da solltest Du vielleicht schon ab 10%
Ladestatus den Film abspielen - bzw. die Filme generell als flv
streamen...
Grüße |
Ja, habe noch etwas dran geändert, das es jetzt erst mal geht. Das mit dem FLV habe ich mit Absicht nicht gemacht, da ich sonst immer die Steuerelemente habe. Oder irre ich da?
Wie kann ich denn sagen, dass aber 10% das Video gestartet wird? Zur Zeit binde ich die Video so ein:
| Code: |
<div id="videoDivAbstand">
<object classid="CLSID:D27CDB6E-AE6D-11cf-96B8-444553540000" width="473" height="266" codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0">
<param name="movie" value="video/Schops473-main.swf">
<param name="autoplay" value="true">
<param name="quality" value="high">
<param name="scale" value="exactfit">
<param name="menu" value="true">
<param name="bgcolor" value="#000040">
<embed src="video/Schops473-main.swf" quality="high" scale="exactfit" menu="true" bgcolor="#000000" width="473" height="266" swLiveConnect="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
</object>
</div> |
Ich habe diesen Weg gewählt, da hier keine Javaskript benötigt wird.
Danke
Gruß
Bongartz
Zuletzt bearbeitet von bongartz am Mo 14.06.2010 11:40, insgesamt 1-mal bearbeitet
|
|
| |
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
[javascript] innerHTML [solved]
Javaskript fehler iE8 / iE7
[Javaskript] Ein und ausblenden von Div
onmouseover bei div nach innerhtml(ajax) nicht mehr möglich
Javaskript Anfänger Probleme
[JavaSkript] Übergabe HTML->JS[Solved]
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
