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