동적으로로드 된 MediaElementjs 비디오 크기 조정

Question

그래서 비디오가 있는데 jQuery의 .load()가있는 페이지로로드됩니다. 'vidéos'섹션에서 문제를 볼 수있는 웹 사이트는 다음과 같습니다 : http://guillaumep.com/. 그럼 난 실제로 코드를

$('video').wrap('<div class="videowrapper">') 

.attr({ 'style': 'width: 100%; height: 100%;' }) 
.mediaelementplayer({ success: function (player) { 
    correctVideoSize($(player).parent(4).eq(0)); } 
}); 

: 여기

<video><source src="URLTOVIDEO.mp4" type="video/mp4" /> 

가 내 #contentFrame에로드 된 것 직후 비디오 HTML을 생성하는 코드입니다 : 여기

내가 사용해야하는 비디오 태그입니다 창을 오버플로하지 않고 동영상이 항상 최대 크기로 표시되도록 창 모양에 따라 동영상 플레이어의 크기를 조정합니다.

이미지의 크기를 변경하는 방법은 절대적으로 작동합니다 (http://guillaumep.com).하지만 동영상의 경우 크기 조정을 어떻게, 언제, 어디서, 어디서 할 수 있는지 이해할 수 없습니다. 여기서 문제를 볼 수 있습니다 : http://guillaumep.com/2012/10/22/test-video/.

$ (window) .resize() 이벤트에서 비디오의 크기를 올바르게 조정했지만 MediaElementJs가 이미이 이벤트에 연결되어 있고 마술을하기 때문에 추측 할 수 있습니다.

정말 도움이 필요합니다. 여기 정말 분실했습니다!

Answer 1

나는 조금 늦었습니다. 내 Google 결과에서 내가 당신과 같은 문제를 겪고있는 것으로 밝혀졌습니다. 사실, 윈도우 크기 조정은 미디어 플레이어가 크기를 조정할 수있는 적절한 이벤트를 유발합니다. (JQuery와)

$(window).trigger('resize'); 

나는 소스 코드에 거보고 그리고 난 우리를 위해 더 나은 해결책을 찾을 수 있는지 : 당신이 정말 쉬운 솔루션을 원하는 경우에 당신은 수동으로이 같은 해당 이벤트를 트리거 할 수 있습니다. 지금은 수동으로 트리거하면 문제가 해결됩니다. 그럼 분명히, 모든 크기 조정 바인드가하는

편집

은 이것이다 : 더 직접적으로 문제를 해결해야

mediaelement.setPlayerSize(); 
mediaelement.setControlsSize(); 

. 행운을 빕니다!