검은 색 막대를 제거하기 위해 Chrome에서 비디오의 너비를 조정하십시오.

Question

VideoJS를 사용하여 비디오를 삽입하고 컨트롤러의 높이 때문에 Chrome에서 영화의 측면에 검은 색 막대가 나타납니다. 이 문제는 다른 브라우저에서는 발생하지 않습니다.

전복시를 제외하고 컨트롤러를 숨기려고하거나 너비/높이를 조정하는 방법을 찾으십시오. CSS를 통해 너비 또는 높이를 조정하면 기본적으로 컨트롤러를 숨기는 다른 브라우저에서 간격 문제가 발생합니다.

스크린 샷 :

HTML 발췌 :

<div id="movieLayer"> 

<div id="movie"> 
<video id="abacus_holiday_video" class="video-js vjs-holiday-skin" loop autoplay controls 
    preload="auto" width="640" height="360" poster="my_video_poster.png" 
    data-setup="{ }" style=" width: 640px; height:360px;"> 


<source src="abacus_holiday.mp4" type='video/mp4'> 

</video></div> 

</div> 

CSS 발췌 :

#movieLayer { 
    position: relative; 
    width: 640px !important; 
    height: 360px !important; 
    margin: 80px auto 0px; 
    border: 10px solid #fff; 
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, .1); 
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, .1); 
} 

#movie { 
    position: relative; 
    width: 640px; 
    background-color: #000; 
} 

Answer 1

문제는 코드 또는 비디오 관련, 대신 DivX를 아니었다 Chrome에 설치했던 플러그인. 이를 사용 중지하면이 문제가 몇 가지 다른 문제와 함께 해결되었습니다.