Bonjour,
je souhaiterais modifier la valeur de l'attribut src d'une video en cliquant sur un bouton.
Les affichage "alert" me montre bien que la l'attribut src a été modifié, mais la modification n''est pas prise en compte dans mon HTML

Voici mon code HTML :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<video id="ma_video" class="video" controls preload="none" width="640" height="264" data-setup="{}" >
 
    <source id='source' src='/video.mp4' type='video/mp4'  />
</video>
<input type="submit" id="bouton" value="CHANGER SRC"></input>

Code Javascript :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
var source = document.getElementById('source');
var src = source.getAttribute('src');
 
 bouton.onclick = function() { 
 	alert(source.src);
	source.removeAttribute('src');
    source.setAttribute('src', '/nouvelle_video.mp4');
	alert(source.src);
}
</script>
Avez-vous une solution ?
Merci d'avance
Cordialement