Bonjour,
Je désire charger une nouvelle vidéo sur le clic d'un bouton sans recharger la page, malheureusement le clic n'a pour effet que d'interrompre et de relancer la première vidéo.
le script est exécutable à l'adresse :
http://www.cybtechnologie.com/essai/video_essai.htm
ci-dessous le code
Merci d'avance,
Philou.
<html>
<head>
<title>essai_video</title>
<style type="text/css">
#video{
position:absolute;top:0px;left:0px;width:450px; height: 300px
}
#commande{
position:absolute;top:400px;left:500px
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
var tab_video = new Array("20090101174533.mpg","20091218200306.mpg");
var nom_video = tab_video[0];
function MM_callJS(jsStr) { //v2.0
return eval(jsStr)
}
function change_video(){
var d=document.getElementById("video");
d.src=tab_video[1];
d.autoplay="true";
d.autostart="1";
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF">
<div id="commande"><form name="form1" method="post" action="">
<input name="Submit" type="submit" onClick="MM_callJS('change_video()')" value="ChangerVideo">
</form></div>
<script type="text/javascript">
document.write('<div id="video"><object data= '+nom_video+' type="video/mpeg" width="450" height="300"><param name="src" value='+nom_video+'><param name="autoplay" value="true"><param name="autoStart" value="1"> alt : <a href='+nom_video+'>voir la video</a></object></div>');
</script>
<br>
</body>
</html>
all html : Le portail des webmaster
Message publié le jeudi 21 janvier 2010 - 23h32 par philou15. philou