2

問題は、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;
  }
4

1 に答える 1

1

JW5 JS Plugin SDK を使用して DIV を配置します。

http://www.longtailvideo.com/support/jw5/31166/building-javascript-plugins

プレーヤー上に div を作成する hello world の例がここにあり、Flash と HTML5 の両方のモードで動作します。

于 2013-04-30T15:29:50.397 に答える