Changer la source vidéo après la fin de la première vidéo

J'ai deux fichiers vidéo dans ma conception. Le premier est le logo révélant l'animation et le second est l'animation du logo. Je souhaite charger la première vidéo uniquement lorsque la page est chargée à chaque fois. Et je veux charger la deuxième vidéo après la fin de la première vidéo.

Ici, ma cible est : la 1ère vidéo se joue lorsque la page est chargée (seule une fois – chaque chargement de page). Si la première vidéo se termine, la deuxième vidéo sera lue en boucle. Je ne veux pas montrer le logo révéler (1er) encore et encore. Comment faire cela. J'espère que je recevrai la solution.

Voici le code que j'ai.

HTML:

• La validation Jquery ne fonctionne pas en utilisant le plugin de validation jquery
• Lorsque l'action de forme sur la même page, retirez-vous la position de la page?
• Iframe / Popup redirection de la fenêtre d'ouverture
• Comment fermer le menu de basculement lorsque vous cliquez sur le lien d'ancrage de l'élément de navigation
• Position de la division HTML 5

<video width="400" controls id="myVideo" autoplay> <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg"> Your browser does not support HTML5 video. </video> 

JS

  document.getElementById('myVideo').addEventListener('ended',myHandler,false); function myHandler(e) { alert(); var videoFile = 'https://static.videezy.com/system/resources/previews/000/002/165/original/Black-cat-in-green-grass.mp4'; $(' #myVideo source').attr('src', videoFile); $("#myVideo")[0].load(); } 

Demo: https://jsfiddle.net/jLa1s62w/

• FlashMovie.Play n'est pas une fonction
• Regex ne fonctionne pas
• .next () et .prev () dans la vue ul li responsive
• Détecter l'onglet actuel
• Désactivez les options déroulantes en fonction des valeurs déroulantes sélectionnées précédemment en utilisant jquery ou javascript?

 document.getElementById('myVideo').addEventListener('ended', myHandler, false); function myHandler(e) { alert(); var videoFile = 'https://static.videezy.com/system/resources/previews/000/002/165/original/Black-cat-in-green-grass.mp4'; $(' #myVideo source').attr('src', videoFile); $('#myVideo').attr("loop", true); /* 1 */ $("#myVideo")[0].load(); document.getElementById('myVideo').removeEventListener('ended', myHandler, false) /* 2 */ }