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

Java Script: Wenn video zuende dann nächste video!

N

Nikas3D

Neues Mitglied
In meinem Code versuche ich ein Video zu laden (klappt) und dann solbald diees zu ende ist mit onended das nävhste zu laden! Aber es klappt nicht! Hier mein Code den ich dafür verwebdete:

HTML: 
<embed src="<?php echo $dateiname1; ?>" onended="nextvideo()" id="Video" width="720px" height="576px" loop="false" menu="false" quality="high"></embed>

<input type="button" onClick="nextvideo()" value="Next">

<script type="text/javascript">
    var datei2     = "<?php echo $dateiname2; ?>";
    var datei3     = "<?php echo $dateiname3; ?>";
    var count     = 0;
    
    function nextvideo() 
    {
        count++;
        if(count == 1)
        {
            document.getElementById("Video").src = datei2;
        }
        else if(count == 2)
        {
            document.getElementById("Video").src = datei3;
        }
        else
        {
            document.write("Keine weiteren Videos");
        }                
    }
</script>
Vielen Dank für die Hilfe
 
Zuletzt bearbeitet:
2 Fragen noch:
Bei dieser CodeZeile
<input type="button" onClick="nextvideo()" value="Next">
Bei dieser wird die Funktion ausgeführt! Das "onended" funktioniert nicht!

Warum?
 
weil onended ein html5 event ist.
html5 ist noch in der Entwicklung.
ich glaub dein browser unterstützt das event nicht.
 
HTML5 ist ein definierter Standart.
Wenn dann unterstützt dein Browser Teile der Entwicklungsversion.
Google halt das event mit dem browser namen. Aber sinnvoll ist die Anwendung des Events hier nicht, weil die meisten Browser das nicht verstehen.
Es ist schwierig, ich hab sonst nichts gefunden, was mit js möglich wäre.
Wenn du flash-videos benutzt, gibt es da events und sonst stellt google ne api bereit, wenn du youtube-videos verlinkst.
musst halt mal googlen.
 
Das hast du doch schon alle mehrmals gefragt.

Und du hast auch mehrere Antworten bekommen, in dem was du uns jetzt zeigst fehlen diese Dinge völlig.

1. Hier hast du gezeigt bekommen, dass onendend zum video Tag gehört, also HTML5 ist
http://www.html.de/html-und-xhtml/39689-eingebundenes-video-laenge-herausfinden.html

2. Und ich hatte dir bereits gezeigt, mit welchen Flashplayer du auf das Ereignis reagieren kannst.
http://www.html.de/html-und-xhtml/39653-ueberpruefen-ob-video-fertig-abgepspielt-ist.html

Warum jetzt dieser Thread, wo du alles durcheinander wirfst?
 
danke, aber ich habe es noch nicht mal geschafft, ein einfaches video mit diesem jwplayer abspielen zulassen

Meine code:
<!-- ############# VIDEOS ANEINANDERHÄNGEN ##################### -->

<embed
id='player'
name='player'
src='/jwplayer/player.swf'
width='320'
height='240'
allowscriptaccess='always'
allowfullscreen='true'
flashvars='file=<?php echo $dateiname1; ?>'
/>

<script type='text/javascript'>
jwplayer('player').onReady(function() { alert('Player is ready'); });
jwplayer('player').onPlay(function() { alert('Player is playing'); });
jwplayer('player').play();
jwplayer('player').onComplete(function() { alert('Player is completed'); });

var datei2 = "<?php echo $dateiname2; ?>";
var datei3 = "<?php echo $dateiname3; ?>";
var count = 0;

function nextvideo()
{
count++;
if(count == 1)
{
document.getElementById("player").flashvars = datei2;
}
else if(count == 2)
{
document.getElementById("player").flashvars = datei3;
}
else
{
document.write("Keine weiteren Videos");
}
}
</script>



Zur fett markierten Zeile habe ich eine Frage!:
1. Kann ich so ein Video einbinden, ist das richtig?
2. Wie kann ich wenn das video fertig ist (onCompleted) auf die Dunktion nextvideo zurückgreifen?
3.Warum wird nicht angezeigt?

Ich hab den Ordner in dem der player sit jwplayer gennannt und die videos existieren ebenfalls auch an der richtigen stelle und der ordner (jwplayer) ist in dem gleichen ordner wie meine quelldatei!Die Head zeile hab ich auch drin!: <script type='text/javascript' src='/jwplayer/jwplayer.js'></script>
 
Zuletzt bearbeitet:
Das funktioniert nicht wie ich dir auch schon 100 Mal gesagt habe. Der Video-Player und der Browser schickt keine Signale wenn ein Video beendet wurde. Du brauchst eine Playlist die vom Flash-Player für Dich bereitgestellt wird (was der JW FLV Player ebenso wie viele andere FLV Player beherrscht) oder musst für die aufeinanderfolgende Videowiedergabe eine eigene Flashprogrammierung vornehmen (setzt imho Adobe Flash CS3 oder neuer voraus).
 
es tut mir leid ich habe mich selber ein wenig verhaxelt. ich werde mich mal in ruhe mit dem thema aueinandersetzen ....
 
ich in gerade dabei, auf tipp von threadi (vielen dank nochmal) dabei das PRoblem mit einer playlist zu regulieren:

<div id="container"></div>

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

jwplayer("container").setup({
'flashplayer': 'mediaplayerviral/player.swf',
'playlist':
[
{
'file': "<?php echo $dateiname1; ?>",
'image': 'mediaplayerviral/preview.jpg',
'title': 'The first video'
},
{
'file': '<?php echo $dateiname2; ?>',
'image': 'mediaplayerviral/preview.jpg',
'title': 'The second video'
},
{
'file': '<?php echo $dateiname3; ?>',
'image': 'mediaplayerviral/preview.jpg',
'title': 'The second video'
}
],
repeat: 'list'
});
</script>

Frage1: zwischen den videos wird so ein infofebster mit share und so von jwplayer angezeigt, kann ich dieses irgendiwe entfernen?
Frage2: Ich möchte folgende Atribute noch einbinden:
icons ( false ) autostart ( true )logo.hide ( true )
Wo und wie binde ich diese ein? Es wird nur beschrieben, wie diese Attribute in einem <object> oder <embed> Tag zu verwenden sind! Ich haber aber nicht so einen Tag!
 
Zuletzt bearbeitet:
Keine gute Idee. Da jedes Video eine eigene Länge hat, müsste man bei jedem Video dessen Länge dort angeben. Man kann aber darüber nicht kontrollieren, ob ein Video tatsächlich bereits komplett betrachtet wurde. Ein Besucher mit langsamen Internetzugang müsste das Video mit Pausen betrachten und würde dadurch viel mehr Zeit benötigen um es komplett zu sehen als das Video tatsächlich lang ist. Durch diese Weiterleitung würde er folglich das Video nie vollständig sehen. Daher: nein, das ist keine gute Idee.
 
Danke threadi

ich habe jetzt folgenden code:

<div id="container"></div>

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

jwplayer("container").setup({
'flashplayer': 'mediaplayer/player.swf',
'width': '720',
'height': '576',
'icons': 'false',
'autostart': 'true',
'logo.hide': 'true',


'playlist':
[
{
'file': "<?php echo $dateiname1; ?>",
'title': 'The first video'

},
{
'file': '<?php echo $dateiname2; ?>',
'title': 'The second video'
},
{
'file': '<?php echo $dateiname3; ?>',
'title': 'The second video'
}
],
repeat: 'list'
});
</script>

Aber die Attribute logo hide und die kontrollleiste weg funktionieren noch nicht .........
 
Mein Code sieht jetzt so aus:
<div id="container"></div>

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

var count = 0;

jwplayer("container").setup
({
'flashplayer': 'mediaplayer/player.swf',
'width': '720',
'height': '576',
'icons': 'false',
'autostart': 'true',
'logo.hide': 'true',


'playlist':
[
{
'file': "<?php echo $dateiname1; ?>",
'title': 'The first video'

},
{
'file': '<?php echo $dateiname2; ?>',
'title': 'The second video'
},
{
'file': '<?php echo $dateiname3; ?>',
'title': 'The third video'
},
{

}
],
repeat: 'list',
events:
{
onComplete: function()
{
count++;
if(count == 3)
{
document.location.href = "video-reihe.php";
}

;}
}
});
</script>

Allerdings wird immer noch eine kontrollleiste (play, pause, vor, zurück ...) unten angezeigt
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben