포함 된 YouTube 동영상의 양쪽에서 검은 색 막대를 제거하십시오.

Question

this webpage에 YouTube 비디오를 삽입했습니다.

재생을 클릭 할 때 나타나는 검은 색 막대 두 개를 제거하고 싶습니다. 여기

참조 스크린 샷 :

나는 스택 오버플로를 검색하고 내가 찾은 가장 가까운이 있었다, 그러나 그것은 도움이되지 않았다 :

How to remove black bar from the YouTube videos

그래서 다음 CSS로 동영상을 조정 해 보았습니다.

html5-video-container { 
     background-position: center; 
     background-repeat: no-repeat; 
     width: 100%; 
     height: 100%; 
     left: 0px; 
     top: 0px; 
     position: absolute; 
    } 

    video.video-stream.html5-main-video { 
     background-position: center; 
     background-repeat: no-repeat; 
     width: 100%; 
     height: 100%; 
     left: 0px; 
     top: 0px; 
     position: absolute; 
    } 

처음에는 비디오 조정 만 시도했지만 비디오 컨테이너 요소 조정도 시도했지만 어느 것도 작동하지 않았습니다.

어떤 CSS 전문가가 도와 드릴 수 있습니까?

동영상을 클릭 한 번 재생하기 전에 표시되는 미리보기 이미지와 동일한 크기로 만들고 싶습니다.

미리 감사드립니다.

Answer 1

이것은 CSS보다 YouTube 프레임에서 더 많은 문제가있는 것으로 보입니다.

YouTube 프레임은 페이지와 동일하지만 실제 동영상만큼 큽니다. 즉, 이 많을 것임을 의미합니다. 여분의 공간 인은 무언가를 채워야합니다!

YouTube 프레임이 실제 비디오보다 넓은 경우 검은 색 공간이 생깁니다. YouTube 프레임의 종횡비를 실제 비디오와 일치시켜야합니다.