Lecture video à la suite

Bonjour à tous,

Sur ma page web j'interroge ma base mysql pour récupérer les vidéo à lire. (il peut y avoir 1 à x video)

<video controls="controls" autoplay="true" id="bgvid">

<source src="videos/ord.mp4" type="video/mp4" />
<source src="videos/nouvyyye.mp4" type="video/mp4" />
<source src="videos/letiii.mp4" type="video/mp4"  />
</video> 

Je voudrais arriver à faire en javascript lire les video à la suite, car pour l'instant il ne lit uniquement que la premiere video. Et aussi dire quand c'est la dernière exécuter une fonction jaascript.

Je pense que c'est avec une "ended" mais je vois pas comment commencer

Merci d'avance pour vos conseils

guigui69
Modifié par guigui69 (09 Aug 2016 - 09:24)

Tu dois effectivement réagir à l'évènement ended, et soit remplacer les sources, soit remplacer l'élément <video> en entier par un nouveau.


Qu'est-ce que tu n'as pas compris ? Où se situe plus précisément ton problème ?

Merci, tout à fait

je vient de trouver:

<script type="text/javascript">
 var videoSource = new Array();
  <?php
while ( $list2 = mysql_fetch_array( $query ) ) {
	echo "videoSource[".$i."]='file:///c:/www/".$list2["lien_video"]."|".$list2["type_video"]."';";
	$i=$i+1;
}


?>
var videoCount = videoSource.length;
var i=0;
//alert(videoCount);
var regSeparator = new RegExp('[|]+','g');
var s = videoSource[0].split(regSeparator);
document.getElementById("bgvid").setAttribute("src",""+s[0]);
document.getElementById("bgvid").setAttribute("type",""+s[1]);
//Create a function to load and play the videos.
 
    function videoPlay(videoNum)
    {
//alert(videoNum);
var regSeparator = new RegExp('[|]+','g');
var s = videoSource[videoNum].split(regSeparator);
document.getElementById("bgvid").setAttribute("src",""+s[0]);
document.getElementById("bgvid").setAttribute("type",""+s[1]);
document.getElementById("bgvid").load();
document.getElementById("bgvid").play();

    }
	
document.getElementById('bgvid').addEventListener('ended',myHandler,false);

function myHandler() 
{
	//alert(i);
	i++;
	//alert(i);
	//alert(videoCount);
if(i <=(videoCount))
{
videoPlay(i);
}
else
{
display(index);
}
        
       }
 </script>

je test et je reviens