moz-media-controls와 동일한 Firefox 버전

저는 비디오 플레이어와 관련된 프로젝트 작업을하고 있습니다. HTML에서 기본 태그를 사용하고 있습니다. 전체 화면 모드로 이미지를 표시하고 싶습니다. 다음 CSS 선택 도구를 사용하면 가능하지만 Chrome에서만 작동합니다.moz-media-controls와 동일한 Firefox 버전

::-webkit-media-controls { 
     /*display:none !important;*/ 
     background-repeat: no-repeat; 
     background-position: top; 
     background-image: url("../images/match_com.png"); 
    }

Firefox에서도이 작업을 수행하려면 어떻게해야합니까? firefox에는 -webkit-media-controls와 동등한 기능이 있어야합니다.

출처

2015-02-06 Ali.B

파이어 폭스가 없을 수 있습니다. 이 언급으로, 당신이 할 수있는 또 다른 한가지는 외부를 전체 화면되고,

http://css-tricks.com/custom-controls-in-html5-video-full-screen/

그러나이 문서에서는 웹킷 기반 브라우저에서 전체 화면 비디오 컨트롤을 숨기는 방법에 대해 설명하지만, moz- 접두사 상당을 찾는데 실패 동영상 요소 자체를 전체 화면으로 보는 것이 아니라 동영상 요소가 포함 된 요소입니다. 그런 다음 사용자가 보는 것을 제어 할 수 있습니다. 그러나 표준 비디오 컨트롤에는 원하는대로 할 수없는 전체 화면 버튼이 포함되어 있기 때문에 자체 컨트롤이 활성화되지 않은 비디오 요소에서 가장 효과적이라고 생각합니다.

모든 요소를 전체 화면으로 표시하려면 requestFullscreen 메서드를 사용하십시오. 현재 주요 브라우저 모두에서 작동하지만 일부 브라우저에서는 접두사 (예 : mozRequestFullscreen)를 사용해야 할 수도 있습니다.

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode

출처

2015-02-07 21:33:33 aldel

moz-media-controls와 동일한 Firefox 버전

답변

관련 문제