jwplayer5 동영상 위에 div를 삽입하는 방법은 무엇입니까?

문제는 IE에서 비디오 jwplayer5가 모든 것을 처리하고 내 목표는 사용자가 비디오를 클릭하여 재생/일시 중지 효과를 방지하는 것입니다. 비디오 위에 div를 넣으라고 제안되었지만 Internet Explorer (9가 확인 중)에서 작동하지 않습니다.jwplayer5 동영상 위에 div를 삽입하는 방법은 무엇입니까?

알려진 작업 제안이 있습니까?

이

내 동영상입니다 :

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 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; 
    }

을

출처

2013-04-30 axel

IE에서 작동하지 않는다고하면 투명 DIV 요소가 동영상 위에 나타나지 않습니까? 아니면 동영상에서 '클릭'을 멈추지 않는 것입니까? – theWizardsBaker

div는 투명합니다. 문제는 그들이 jwplayer 비디오에서 클릭 (PLAY 또는 PAUSE)을 멈추지 않는다는 것입니다. – axel

비디오의 일부 작업을위한 스킨을 가지고 있기 때문에 두 개의 div가 필요합니다. 나머지는 비디오를 덮어야합니다. 왜냐하면 나는 사용자가 일시 정지를 클릭하거나 비디오 위로 재생하기를 원하지 않기 때문이다. – axel

JW5 JS 플러그인 SDK를 사용하여 DIV를 덮어 씁니다.

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

이 플레이어를 통해 사업부를 만들고 여기에 안녕하세요 세계 예이며 플래시와 HTML5 모드 모두에서 작동합니다.

출처

2013-04-30 15:29:50 emaxsaun

지금 바로 확인해 보겠습니다. – axel

다른 질문이 있습니다. 비디오 위에 컨트롤 바를 올릴 수 있습니까? 내 말은, 피부 말이야? – axel

어쩌면, 그러나 그것은 훨씬 더 어려울 것입니다. 샘플 hello world 플러그인을 먼저 복사하려고합니다. ;-) – emaxsaun

jwplayer5 동영상 위에 div를 삽입하는 방법은 무엇입니까?

답변

관련 문제