balise video HTML5/JS avec firefox 11
Bonjour,
Après 3h de recherche, je voudrais que quelqu'un m'aide a résoudre un fichu bug :roll:
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... :mrgreen: ) or, sous firefox 11 rien ne marche 8O !!!!
mon code :
Code:
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:
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
