Extra Form
PHP PHP 7.3
CMS XpressEngine

 

준비중인 소개 페이지에 동영상을 삽입해봤습니다.

위 링크에서 조금 스크롤 다운하면 나오는 이 부분인데요..

캡처.PNG.jpg

 

<video width="400" height="610" autoplay muted loop playsinline>

                <source src="../download_content/factory2_info.mp4" type="video/mp4">

</video>

 

오토플레이가 가능하도록 mute를 넣었습니다. (영상 자체도 소리가 없습니다)

 

문제는.. 유독 안드로이드 폰(브라우저 크롬)에서만 영상이 어둡게 보입니다. 아이폰/PC/태블릿(안드) 에서도 정상적으로 보이는데 유독 안드 폰에서만 어둡게 나와요. 신기한건 폰에서 볼륨 버튼(물리 버튼)을 누르면 갑자기 정상적으로 밝아집니다. 또, 화면 캡쳐해서 올리려고 캡쳐를 하면 밝아진 화면으로 캡쳐가 되버립니다. 화면 녹화라도 해서 올리려고 하니 녹화할땐 영상부분이 어두운데 녹환된 화일을 확인해보면 멀쩡합니다;

 

도와주세요 ㅠ.ㅠ 구글링 할만큼 한 것 같은데 못찾겠어요..

 

추가) 삼성 웹브라우저(갤럭시) 에서는 정상으로 나옵니다.

  • profile
    다른 웹브라우저에서는 되는걸 확인하고 크롬 중심으로 다시 검색해본 결과.. 크롬 버그라는 걸 확인했습니다. 2015년에 달린 댓글에 오래전에 해결된 이슈라고 하는데.. 어쩌면 최근 크롬 브라우저 업데이트 이후 생긴 걸지도 모르겠습니다.

    한 방법은 아래의 코드를 추가 했습니다. 참고한 곳에서는 108%로 되어있지만 확인해본 결과 100%로 설정해도 정상 작동합니다.

    video{
    -webkit-filter: brightness(100%);
    }

    참고 :
    https://stackoverflow.com/questions/16983018/chrome-html5-video-cant-display-white-has-gray-backgroun