Le problème est que sur IE la vidéo jwplayer5 passe en revue tout, et mon but est que l'utilisateur évite de cliquer sur la vidéo, pour éviter les effets PLAY/PAUSE. J'ai été suggéré de mettre un div sur la vidéo, je l'ai fait, mais sur Internet Explorer (je vérifie 9) ne fonctionne pas.comment est-il possible de mettre un div sur une vidéo jwplayer5?
des suggestions de travail connues?
c'est ma vidéo:
var video1 = jwplayer('vid1').setup({
'flashplayer': 'html/js/jwplayer5/player.swf',
'id': 'playerVid1',
'width': VIDPLAYER_CTRL.BIGVIDEO_WIDTH,
'height': VIDPLAYER_CTRL.BIGVIDEO_HEIGHT,
'file': VIDPLAYER_MODEL.MAIN_VIDEO['path'],
'provider': 'http',
'startparam': 'start',
'controlbar': 'bottom',
'image': VIDPLAYER_MODEL.MAIN_VIDEO['path_img'],
wmode: 'transparent',
'skin': 'html/js/jwplayer5/videoSkin/videoSkin.xml'
});
ce qui est mon div où la vidéo est:
<div id="area1" class="aree">
<div id="vid1_cover1" class="cover1big"></div>
<div id="vid1_cover2" class="cover2big"></div>
<div id="vid1"></div>
</div>
et c'est le css pour créer une superposition div sur la vidéo:
div.cover1big{
background-color: transparent;
position: absolute;
width: 601px;
height: 335px;
top:0px;
left:0px;
z-index: 999;
}
div.cover2big{
background-color: transparent;
position: absolute;
width: 576px;
height: 26px;
top:335px;
left:25px;
z-index: 999;
}
Lorsque vous dites que cela ne fonctionne pas dans IE, vos éléments DIV transparents n'apparaissent-ils pas au-dessus de la vidéo ou n'arrêtent-ils pas le 'clic' sur la vidéo? – theWizardsBaker
div sont transparents. le problème est qu'ils n'arrêtent pas le clic (PLAY ou PAUSE) sur la vidéo jwplayer – axel
J'ai besoin de deux divs parce que j'ai un peu de peau pour certaines opérations sur la vidéo, alors je dois couvrir le reste de la vidéo , parce que je ne veux pas que l'utilisateur clique sur pause ou joue sur la vidéo. – axel