Discussion :

[aspiker]

Bonjour,
Après 3h de recherche, je voudrais que quelqu'un m'aide a résoudre un fichu bug

Alors voilà : J'ai une balise <video> en html5, et je souhaite le controler manuellement en dehors de la vidéo, bref, je vous montre mon code car il n'est pas long et pas dur a comprendre, j'ai tester sous Chrome, ça marche à la perfection, sous IE9 aussi (et pourtant... ) or, sous firefox 11 rien ne marche !!!!

mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript">
play.addEventListener('click',playControl,false);
var video = document.getElementById('videohead');
 
function playControl() {
    if (video.paused == false) {
        video.pause();
        document.getElementById('playpause').src = './images/play.png';
        document.getElementById('li_playpause').title = 'Play';
    } 
    else {
        video.play();
        document.getElementById('playpause').src = './images/pause.png';
        document.getElementById('li_playpause').title = 'Pause';
    }
}
</script>

je rajoute le code HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<video id="videohead" autoplay="" preload = "metadata" >
        <source src="clip_misterdibox.m4v" type="video/mp4"/>
        <source src="clip_misterdibox.mp4" type="video/mp4"/>
        <source src="clip_misterdibox.ogv" type="video/ogg"/>
</video>
 
<div id="player">
    <ul class="controls">
	<li id="li_playpause" class="play_pause" title="Pause"><p class="control" id="play"><img id="playpause" src="./images/pause.png" /></p></li>
</ul>

Libérez moi de ce cachot Mercii

[MaitreKaio]

J'ai testé ton code et dans mon firefox 11 ça marche...
Bon j'ai remarqué que ton script n'attend pas l'événement load ou domready pour être exécuté, ça peut poser des problèmes. A part ça je ne vois pas de différence avec mon code de test que tu peux retrouver ici:

Voici le code de la fiddle au besoin:
http://jsfiddle.net/maitrekaio/HPBCz/

[aspiker]

Merci MaitreKaio, j'ai tester ton code avec Fiddle sur firefox et ça fonctionne aussi ... je comprend vraiment pas pourquoi sur mon site ça ne marche pas

Tu parle de faire un onLoad... mais vu que je gère des évènement "click" à quoi ça sert ? et où veux tu que je le rajoute ?

[MaitreKaio]

Quand on veut ajouter un comportement à une page Web, le minimum vital est d'attendre que l'arbre du DOM ait été construit par le navigateur. Par exemple, imagine que tu ajoutes un écouteur sur le clic d'un bouton mais que le navigateur n'ait pas encore analysé le HTML pour savoir de quel bouton tu parles...

[aspiker]

en effet, vu comme ça ... je pensais qu'au chargement de la page il analysait le tout
j'ai fais des recherches sur l’évènement Load ou domready mais j'vois pas comment l'utiliser --'

[MaitreKaio]

Tu peux regarder ici, je trouve l'explication assez claire:
http://www.lesintegristes.net/2008/0...y-l-evenement/