Automatisch eine Seite zurück wenn Video beendet ist?

[Kei-koo]

Hallo,

Ich habe ein kleines Problem.
Ich möchte dass sobald das eingebundene Video (Quicktime) beendet ist, auf die vorherige Seite zurüchgesprungen wird.
Also kurz gesagt, das Video wird auf einer Seite mit einem embeded Quicktime angezeigt, auf der gleichen Seite sind auch noch zwei Buttons.
Der eine Button geht zur Homepage-Startseite und der 2. Button geht auf die vorherige Seite der Homepage.

Und die Seite die unter dem 2. Button programmiert ist soll automatisch geladen werden sobald das Video beendet ist.

Wie kann ich das realisieren.

Wäre super nett wenn ihr mir weiterhelfen würdet

Gruss

Hier der Quelltext für die Videoeinbindung:

<object CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="670" height="690" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="../Video/VIDEO1.mp4">
<param name="autoplay" value="true">
<param name="controller" value="true">
<param name="loop" value="false">
<param name="kioskmode" value="true">
<embed src="../Video/VIDEO1.mp4" width="670" height="690" autoplay="true" controller="true" kioskmode="true" loop="false"
pluginspage="http://www.apple.com/quicktime/"></embed>
</object>

UND HIER FEHLT NOCH DER GESUCHTE QUELLCODE...............

[LX]

Es gibt keine Möglichkeit, auf Informationen innerhalb des Objects zuzugreifen, so dass man nicht herausfinden kann, wann das Video beendet wurde.

Es gibt lediglich 2 Möglichkeiten, nach Beendigung eines Videos die Seite zu wechseln:

Wenn statt dem Quicktime-Object ein Flash-Player (und -Video) verwendet wird, könnte man innerhalb des Players (wenn dieser selbst geschrieben ist oder man entsprechenden Zugriff auf die Quellen hat) nach Beenden mit getUrl() auf die gewünschte Seite gehen.

Eine weitere Möglichkeit ist das Video-Tag aus HTML5, was jedoch noch nicht von allen Browsern unterstützt wird, jedoch einen JS-Zugriff auf interne Informationen (Video API) zuläßt, womit man feststellen kann, ob das Video fertig ist.

Gruß, LX

[Jonny F:]

Ich habe ein kleines Problem.
Ich möchte dass sobald das eingebundene Video (Quicktime) beendet ist, auf die vorherige Seite zurüchgesprungen wird.
Also kurz gesagt, das Video wird auf einer Seite mit einem embeded Quicktime angezeigt, auf der gleichen Seite sind auch noch zwei Buttons.
Der eine Button geht zur Homepage-Startseite und der 2. Button geht auf die vorherige Seite der Homepage.

Und die Seite die unter dem 2. Button programmiert ist soll automatisch geladen werden sobald das Video beendet ist.

Nur mal ne kleine Verständnissfrage, wenn du zwei Buttons zum navigieren hast wozu brauchst du dann noch das zurück switchen, es kann ja auch sein das sich der Besucher das Video noch einmal anschaun will..

So jetzt hätte ich noch ein paar Informationen, was für möglichkeiten hast du, benutzt du PHP, Ajax oder was anderes

Gruß Jonny F.

[Kei-Koo]

Hallo Jonny,

Der Button dient dazu bewust, auch während dem Abspielen des Videos, die Seite abzubrechen und auf die vorherige Seite zu gelangen. Z.B. wenn jemanden sich verklickt hat und ungewollt darauf kommt.

Automatisch zurück, weil es eine lokale Presentation ist wo sich Besucher beim Vorbeigehen Informationen von der lokalen HP anschauen können. Und hier sollte die vorhergesehene Seite immer dann vorhanden sein wenn jemanden am Bildschirm vorbei geht, ausser natürlich es schaut sich gerade jemanden das Video an.
So wie es jetzt ist, bleibt nach dem Video die Seite mit dem schwarzen Quicktimefenster stehen und sieht nicht gerade einladend aus........

Ich muss aber auch sagen dass ich nicht die grosse Ahnung von HTNL und Co. habe. Diese Seite wurde mal mit Dreamweaver erstellt und ich probiere jetzt halt mal noch einige kleinigkeiten zu verbessern.

Hallo LX
Danke für deine Tipps.
Leider aber muss ich da passen.......

Das ganze scheint doch nicht so einfach zu sein um es mit ein paar Zeilen Quellcode zu lösen.

Gruss

[LX]

Hallo LX

Auch Dir ein freundliches Hallo!

Danke für deine Tipps.

Gern geschehen.

Leider aber muss ich da passen.......
Das ganze scheint doch nicht so einfach zu sein um es mit ein paar Zeilen Quellcode zu lösen.

Ist es auch nicht. Videos im Web sind derzeit noch eine Herausforderung, da die entsprechenden Schnittstellen noch nicht voll standardisiert und von allen Browsern gleichermaßen unterstützt sind.

Eine Möglichkeit, die zwar ein wenig krude ist, aber für Deine Zwecke reichen könnte, fällt mir noch ein: Nehmen wir an, Dein Video braucht maximal 10 Sekunden zum initialen Laden und 60 Sekunden zum Abspielen, dann könnte es ausreichen, 70 Sekunden (also 70000 Millisekunden) zu warten und danach zurückzugehen, was man leicht mit JavaScript machen kann:

<script type="text/javascript">

window.onload=function(o) { return function() {  
   window.setTimeout(function() { history.back(); }, 70000);  
}}(window.onload);

</script>

Du kannst ggf. mit dem Timeout noch ein wenig herumspielen, im Zweifel solltest Du lieber ein paar Sekunden mehr für Leute mit langsamer Leitung einplanen.

Gruß, LX

[kei-koo]

Hallo,
und danke für deine Hilfe.

Ich hatte bereits im Internet etwas darüber gefunden und auch ausprobiert.
Hat auch soweit funktioniert, hier den benutzten Code:

.
.
.
MM_reloadPage(true);
//-->

function skipback(delay){
window.setTimeout("window.history.back()",delay);
}

</script>
</head>

<body background="../Hintergrund/Background.jpg" onLoad="skipback(140000)">
<div id="layer" style="position:absolute; left:500px; top:665px; width:252px; height:105px; z-index:5"><a href="#" onClick="neuladen(); return false;"><img src="../Buttons/zurück1.jpg" width="255" height="95" border="0"></a></div>
<div id="layer" style="position:absolute; left:735px; top:665px; width:252px; height:105px; z-index:5"><a href="Page1.htm"><img src="../Buttons/Main.jpg" width="252" height="96" border="0"></a></div>
<div id="Layer1" style="position:absolute; left:1000px; top:667px; width:255px; height:102px; z-index:1"><a href="Page2.htm"><img src="../Buttons/back.jpg" width="252" height="96" border="0"></a></div>
<div id="Layer5" style="position:absolute; left:162px; top:8px; width:994px; height:61px; z-index:5; visibility: inherit;">
  <div align="center"><font color="#333333"><font color="#333333"><font size="7" face="Arial, Helvetica, sans-serif">Niall
    Fairhead </font></font><font size="7" face="Arial, Helvetica, sans-serif">
    - Masks</font></font></div>
</div>
.
.
.
.

Aber!!!
Durch die "Windows.history.back"-Funktion wird ja die Browser History benutzt, und so klappt das dann auch wunderbar um eine Seite zurück zu springen um die vorherige Seite aufzurufen.
Super wäre es jetzt, wenn ich anstatt dieser Windows.history.back-Funktion auch eine feste Adresse (Pfad zu einer gewünschten Seite) eingeben könnte.
Ziel wäre dass ich dann irgend eine gewünschte Seite nach diesem Delay aufrufen könnte.

Hättest du dafür eine Lösung?

Vielen Dank nochmals

Gruss

Hallo LX
Auch Dir ein freundliches Hallo!

Danke für deine Tipps.
Gern geschehen.

Leider aber muss ich da passen.......
Das ganze scheint doch nicht so einfach zu sein um es mit ein paar Zeilen Quellcode zu lösen.

Ist es auch nicht. Videos im Web sind derzeit noch eine Herausforderung, da die entsprechenden Schnittstellen noch nicht voll standardisiert und von allen Browsern gleichermaßen unterstützt sind.

Eine Möglichkeit, die zwar ein wenig krude ist, aber für Deine Zwecke reichen könnte, fällt mir noch ein: Nehmen wir an, Dein Video braucht maximal 10 Sekunden zum initialen Laden und 60 Sekunden zum Abspielen, dann könnte es ausreichen, 70 Sekunden (also 70000 Millisekunden) zu warten und danach zurückzugehen, was man leicht mit JavaScript machen kann:

<script type="text/javascript">

window.onload=function(o) { return function() {

window.setTimeout(function() { history.back(); }, 70000);
}}(window.onload);

> `</script>`{:.language-html}  
>   
> Du kannst ggf. mit dem Timeout noch ein wenig herumspielen, im Zweifel solltest Du lieber ein paar Sekunden mehr für Leute mit langsamer Leitung einplanen.  
>   
> Gruß, LX

[Vinzenz Mai]

Hallo Kei-Koo,

bitte kein TOFU.

[... alter Dreamweaver-Code gelöscht ...]

» function skipback(delay){  

>     window.setTimeout("window.history.back()",delay);  
> }  

Durch die "Windows.history.back"-Funktion wird ja die Browser History benutzt, und so klappt das dann auch wunderbar um eine Seite zurück zu springen um die vorherige Seite aufzurufen.
Super wäre es jetzt, wenn ich anstatt dieser Windows.history.back-Funktion auch eine feste Adresse (Pfad zu einer gewünschten Seite) eingeben könnte.

Das kannst Du. Das window-Objekt hat ein http://de.selfhtml.org/javascript/objekte/location.htm@title=location-Unterobjekt, dessen http://de.selfhtml.org/javascript/objekte/location.htm#href@title=href-Eigenschaft Du setzen kannst.

Freundliche Grüße

Vinzenz

[Kei-Koo]

Hallo Vinzenz,

Sorry für's TOFU.

Habe ein wenig rumprobiert, komme aber leider nicht damit klar.
Ich weiss nicht wie die 2 Codes funktionieren und wie ich das richtig zusammenfüge.

Vielleicht weiss du wo ich ein Beispielcode finden kann, der das etwas anschaulischer macht, für Nobs.

Danke

Gruss

Hallo Kei-Koo,

bitte kein TOFU.

[... alter Dreamweaver-Code gelöscht ...]

» function skipback(delay){

window.setTimeout("window.history.back()",delay);
}

>   
> > Durch die "Windows.history.back"-Funktion wird ja die Browser History benutzt, und so klappt das dann auch wunderbar um eine Seite zurück zu springen um die vorherige Seite aufzurufen.  
> > Super wäre es jetzt, wenn ich anstatt dieser Windows.history.back-Funktion auch eine feste Adresse (Pfad zu einer gewünschten Seite) eingeben könnte.  
>   
> Das kannst Du. Das window-Objekt hat ein <http://de.selfhtml.org/javascript/objekte/location.htm@title=location>-Unterobjekt, dessen <http://de.selfhtml.org/javascript/objekte/location.htm#href@title=href-Eigenschaft> Du setzen kannst.  
>   
>   
> Freundliche Grüße  
>   
> Vinzenz

[EKKi]

Mahlzeit Kei-Koo,

Sorry für's TOFU.

Ich denke, dass Vinzenz diese "Entschuldigung" weder ernst noch annehmen wird, wenn Du im gleichen Beitrag *erneut* TOFU produzierst.

Vielleicht weiss du wo ich ein Beispielcode finden kann, der das etwas anschaulischer macht, für Nobs.

Vinzenz hat Dir die relevanten Stellen in SELFHTML verlinkt. Was genau verstehst Du daran (und an den dortigen Beispielen) nicht?

MfG,
EKKi

[kei-koo]

Hi Ekki,

Schande über mein Haupt -:(
Habe es jetzt auch bemerkt. Hatte wohl zu lange an meinem Beitrag rumgeschrieben und die Seite neu geladen und nicht bemerkt dass das ganze Zitat wieder in meinem Beitrag war. Hoffentlich wird meine Entschuldigung trotzdem angenommen.

Was ich nicht genau verstehe...., ich habe nicht viel mit HTML zu tun und bin diesbezüglich echt unerfahren. Die Seite an der ich arbeite wurde auch nicht von mir geschrieben und ich probiere nur einiges zu ändern.
Bei den Codes handelt es sich ja um 2 unterschiedliche Scripts, und ich weiss nicht wie die zusammengehören oder anders gesagt, wie ich daraus einen funktionierenden Code erstellen kann.

Einen Ausschnitt aus einem entsprechenden Code, wo man den Zusammenhang sehen kann, würde mir sehr helfen.

Gruss

[Vinzenz Mai]

Hallo Kei-koo,

Schande über mein Haupt -:(
Hoffentlich wird meine Entschuldigung trotzdem angenommen.

Sicher doch.
Zitieren an sich ist sinnvoll, nur sollte es auf sinnvolle Weise angewandt werden. Gelegentlich kann es sogar sinnvoll sein, die Reihenfolge zu verändern, wenn es der Klarheit dient und nicht dazu, eine Aussage in ihrem Gehalt zu verändern.

Was ich nicht genau verstehe...., ich habe nicht viel mit HTML zu tun und bin diesbezüglich echt unerfahren.

das war jeder mal. Wenn man bereit ist zu lernen, gibt sich im Laufe der Zeit die Unerfahrenheit von selbst.

Einen Ausschnitt aus einem entsprechenden Code, wo man den Zusammenhang sehen kann, würde mir sehr helfen.

auf den hatte ich das Problem in meinem Beitrag zusammengestrichen:

Statt in Deiner Funktion skipback

  

> function  skipback(delay){  
>     [ref:self812;javascript/objekte/window.htm#set_timeout@title=window.setTimeout]("window.history.back()",delay);  
> }  

window.history.back() aufzurufen möchtest Du stattdessen einfach der Eigenschaft

window.location.href

die gewünschte URL zuweisen. Bespiel:

  
function  skipback(delay){  
    [ref:self812;javascript/objekte/window.htm#set_timeout@title=window.setTimeout]("window.location.href='http://example.org/path/to/desired/page'", delay);  
}  

und zum Schluss noch:

Freundliche Grüße

Vinzenz

[EKKi]

Mahlzeit Kei-koo,

Homepage-Startseite

Ist das so etwas ähnliches wie persönliche PIN-Nummern, ABM-Maßnahmen und LCD-Displays?

MfG,
EKKi