问题是在IE上视频jwplayer5会覆盖所有内容,我的目标是让用户避免点击视频,以防止播放/暂停效果。 我被建议在视频上放置一个div,我做了,但是在Internet Explorer上(我正在检查9)不起作用。
任何已知的工作建议?
这是我的视频:
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'
});
这是我的div视频:
<div id="area1" class="aree">
<div id="vid1_cover1" class="cover1big"></div>
<div id="vid1_cover2" class="cover2big"></div>
<div id="vid1"></div>
</div>
这是在视频上创建叠加div的css:
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;
}
答案 0 :(得分:1)
我会把DIV放在使用JW5 JS插件SDK上。
http://www.longtailvideo.com/support/jw5/31166/building-javascript-plugins
这里有一个hello world示例,可以在播放器上创建一个div,它可以在Flash和HTML5模式下工作。