2014-07-16 5 views
4

이것은 분명히 사소한 일이지만 Google에서 실무 솔루션을 찾지 못했습니다! html 5 비디오의 컨트롤이 항상 표시되도록하려면 어떻게해야합니까? 예를 들어 비디오가 재생 중이고 커서가 비디오 위에 있지 않으면 진행 막대가 사라집니다. 모든 시간에 그걸 보관하는 법을 알려주세요!HTML 5 : 강제로 창 컨트롤을 표시합니다.

+0

브라우저까지 다르기 때문에 비디오 태그에 'controls' 속성을 추가하면됩니다. – adeneo

+1

그래서 제어 할 수 없습니까? –

+0

같은 질문이 있습니다. 컨트롤이 항상 표시되도록하는 옵션이 없다는 것은 이상한 일입니다. 꽤 기본적인 필요가 있습니다. – gregoiregentil

답변

5

의사 요소의 스타일을 지정하여 컨트롤의 스타일을 지정할 수 있습니다.

video::-webkit-media-controls-panel { 
    display: flex !important; 
    opacity: 1 !important; 
} 

을 그리고 나는 다른 브라우저에 대한 다른 공급 업체 접두사가 상상 : 웹킷 브라우저에서 계속 표시하는 컨트롤을 강제로 당신은 할 수 있습니다.

+1

x-browser snippet video :: - webkit-media-controls-panel { display : -webkit-box! important; display : -moz-box! important; display : -webkit-flex! important; 디스플레이 : -ms-flexbox! important; 표시 : 상자! 중요; 디스플레이 : flex! important; 불투명도 : 1! 중요; -ms-filter : 없음! 중요; 필터 : 없음! 중요; } – dimaninc