Réinitialiser div contenant une video Résolu/Fermé

Question

Bonjour à tous,

Alors voilà mon souci j'ai créer plusieurs div et à l'intérieur j'ai mis dans chaque div le code d'une vidéo youtube.
Utilisant le javascript le but était d'afficher la vidéo contenu dans la div1 par défault, puis en cliquant sur des liens situés sous la vidéo, charger une nouvelle video (div2, div3,etc...)
J'espère que je m'explique bien...:-) je vais vous mettre le code pour plus de clarté !

Mais avant j'explique le code que je vais mettre marche nickel sous frirefox,googlechrome,safari mais sous ce cher IE bien entendu ça ne marche pas.

En fait si je lis la video1 par exemple et que je la laisse 'tourner', et que je clique sur un lien pour changer de vidéo, la nouvelle vidéo apparait mais la première vidéo 'tourne' toujours...elle est donc caché mais j'ai toujours le son !(et bien entendu elle se charge toujours)

Je reprécise je n'ai ce souci que sous IE.

Que faire donc pour réinitialiser la div pour que la vidéo (qu'on a chois) ne continue pas de se charger quand on change de vidéo.

J'espère avoir été assez clair et compréhensible :-)

Bon aller le code:

pour le css

#div2 { display: none; }
#div3 { display: none; }

html

<head>
function change1() {
document.getElementById("div1").style.display = 'block';
document.getElementById("div2").style.display = 'none';
document.getElementById("div3").style.display = 'none';
}
function change2() {
document.getElementById("div1").style.display = 'none';
document.getElementById("div2").style.display = 'block';
document.getElementById("div3").style.display = 'none';
}
function change3() {
document.getElementById("div1").style.display = 'none';
document.getElementById("div2").style.display = 'none';
document.getElementById("div3").style.display = 'block';
}

</head>
<body>

<a href="javascript:change1();">video1</a>
<a href="javascript:change2();">video2</a>
<a href="javascript:change3();">video3</a>

</body>

Voilà donc mon fameux code, je précise que je débute et ne maitrise pas toutes les subtilités du javascript et donc la solution ne me saute pas aux yeux mais si quelqu'un pouvait me venir en aide ça serait super.Merci d'avance !!

Padawan · Answer

Sniff...personne pour m'aider svp...

Padawan · Answer

Toujours personne vous êtes pas marrant grrr...
Si une âme charitable passait par là...

Utilisateur anonyme · Answer

Tiens essaie ça!!

function change1() {
document.getElementById("div1").style.display = 'block';
document.getElementById("div2").innerHTML = "";
document.getElementById("div3").innerHTML = "";
}
function change2() {
document.getElementById("div1").innerHTML = "";
document.getElementById("div2").style.display = 'block';
document.getElementById("div3").innerHTML = "";
}
function change3() {
document.getElementById("div1").innerHTML = "";
document.getElementById("div2").innerHTML = "";
document.getElementById("div3").style.display = 'block';
}

dit moi si ca marche!

Padawan · Answer

Super  ça marche trés bien !!

Merci beaucoup de ton aide.