Réinitialiser div contenant une video
Résolu
Padawan
-
Padawan -
Padawan -
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
html
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 !!
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 !!
A voir également:
- Réinitialiser div contenant une video
- Reinitialiser pc - Guide
- Montage video windows - Guide
- Comment télécharger une vidéo youtube - Guide
- Nommez une application d'appel vidéo ou de visioconférence - Guide
- Insérer une vidéo dans powerpoint - Guide
4 réponses
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!
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!