mediaelement.js는

Question

내가 재생하고 비디오의 일부가 클릭하면 비디오 플레이어를 일시 중지해야

작동하지 않습니다 클릭 컨트롤에/일시 정지를 재생, 그래서 같은 구현 :

$ ("#의 promoPlayer을") .click (함수() {비디오의

$("#promoPlayer").click(function() { 

    if(this.paused){ 

     this.play(); 

    } else { 

     this.pause(); 

    } 

}); 

...하지만 지금은 컨트롤/재생을 일시 정지하지 않습니다

당신은 (여기에 행동에서 볼 HTTP 수 있습니다. //175.107. 134.113 : 8080 /) 비디오는 상단의 기본 컨베이어 위에있는 두 번째 슬라이드입니다.

나는 위의 코드에서 두 개의 onclick 이벤트를 얻었고 실제 일시 중지/재생 버튼에서 두 번째 이벤트를 얻었습니다.

실제 비디오 컨트롤이 작동하는 방식을 이해하지 못합니다. 요소를 검사 할 때 태그가 표시되기 때문입니다. 컨트롤을 차별화 할 수 있다면 아마도 지금까지 해결책을 찾지 못했을 것입니다.

누구든지이 작업을 수행해야하는 방법을 알고 있거나 내 솔루션을 확인했습니다. 내 솔루션이 괜찮 으면 어떻게하면 일시 중지/재생할 하나의 클릭 이벤트 만 있도록 컨트롤의 클릭을 가로 챌 수 있습니까?

미디어 요소 홈 페이지를 보면 거친 재생 버튼이 있습니다 (mouseOver로 완료).하지만 어떻게했는지 알 수 없습니까? 다른 사람이 도울 수 있습니까?

Answer 1

브라우저의 기본 플레이어 컨트롤은 개별 DOM 요소가 아니므로 식별 할 수있는 방법이 있다고 생각하지 않습니다.

제 제안은 플레이어를 감추고 컨트롤을 다루지 않는 보이지 않는 div를 만들고 논리를 바인딩하는 것입니다.

Answer 2

좋아, 나는 바보가되고 있었다.

예상 MediaElement에 물론 않는 ... 태그에 대한 내 브라우저의 기본 지원은 사실이었다,

$(document).ready(function(){ 
    $("#promoPlayer").mediaelementplayer({ 
     features: ['playpause','progress','current','duration','tracks','volume','fullscreen'], 
     // Hide controls when playing and mouse is not over the video 
     alwaysShowControls: false 

    }); 
}); 

내가 MediaElement에 무슨 생각 것을 mean't : 나는 MediaElement에 플레이어를 초기화하지 않았다 전체 비디오 프레임을 클릭하고 비디오가 무료로 시작되도록 할 수있는 것과 같은 것을 제공하십시오 ...

Answer 3

플레이어는 이미 클릭 할 때 재생/일시 정지해야하지만, 이벤트를 첨부하려면 플레이어 내부에서 재생하는 것이 가장 좋습니다 성공 핸들러 :