YouTube 플레이어처럼 플레이어 내부에 비디오를 센터링하려면 어떻게해야합니까?

Question

예를 들어 600 픽셀 너비이고 동영상의 너비는 300 픽셀 인 플레이어를 만들어야합니다. 내 플레이어가 너무 넓 으면 YouTube 플레이어가 할 것처럼 비디오가 비디오 영역의 중앙에 오도록 스케일링하고 싶습니다.

이

은 (비디오 컨트롤 내에서 중심) 무슨 뜻입니다 :이 작업을 얻을 나의 시도에서

는, 플레이어의 컨트롤의 폭이 폭에 묶여 것 같다 내 동영상의 너비가 300px 밖에되지 않으면 플레이어 컨트롤이 300px가됩니다.

아이디어가 있으십니까?

Answer 1

당신은 덜

.mejs-container 
{ 
    width: 100% !important; 

    .mejs-mediaelement 
    { 
     text-align: center !important; 

     video { width: 100% !important; } 
    } 

    .mejs-overlay-play 
    { 
     position: static !important; 
    } 
} 

Answer 2

2017년 2월 16일 업데이트를 다음 시도 할 수 있었다 - 나는 3.1.2 버전에서 사용되는 새로운 클래스를 사용하는 @의 smiffy6969의 답변을 적응.

.mejs__container { width: 100% !important; } 
.mejs__mediaelement { text-align: center; } 
.mejs__overlay-play { position: static; } 
.mejs__poster { width: 100% !important; position: static; }