HTML5 전체 화면 비디오 오버레이

html5 비디오에 오버레이 핫스팟을 추가하여 해당 비디오에 대한 정보를 제공하는 데 도움이됩니다. 정상적으로 HTML5 비디오의 정상 모드에 추가 할 수있었습니다. 그러나 비디오 모드를 전체 화면으로 변경하면 사라집니다. 누군가 나를 기쁘게 도와주세요!.HTML5 전체 화면 비디오 오버레이

출처

2013-04-26 Suraj Jadhav

이 작업을 수행하는 가장 좋은 방법은 <DIV> < 비디오 >하고 핫스팟을 포함을 가지고, 그리고 포함 < 사업부 >에 전체 화면을 요청합니다.

Firefox에서 < 비디오 > 개의 API를 전체 화면으로 구현했습니다. 이 z- 인덱스 해킹은 지정된 동작이 아니므로 W3C 전체 화면 사양의 최신 초안과 일치하도록 구현을 업데이트 한 후에는 작동을 멈 춥니 다.

출처

2013-09-03 22:17:02

숫자를 쓰려고 하루 반을 보냈습니다. 파이어 폭스에서 아래의 z- 인덱스를 꺼내십시오. 이것은 훨씬 더 나은 해결책입니다. –

트릭으로 해결할 수 있습니다. 이 예제를 여기에서보십시오 : http://jsfiddle.net/carmijoon/pZbkX/show/

z- 인덱스 : 2147483647;

또한 여기에 코드를 볼 수 있습니다 http://jsfiddle.net/carmijoon/pZbkX/

z-index: 2147483647;

당신은 Z- 인덱스의 최대 값을 추가해야합니다, 오버레이 요소에 (Z- 인덱스 2147483647). 그 트릭이 당신의 문제를 해결할 것입니다.

jsfiddle에서도 파일을 공유 할 수 있습니까?

출처

2013-04-26 15:42:06 Carmijoon

덕분에 도움이되었습니다. –

대단한 !! 천재! 완전히 작동합니다! – Magico

Brilliant! 그냥 똑똑! 이 답변을 100만큼 upvote 할 수 있다면 그렇게 할 것입니다. 나는이 대답을 찾을 때까지 전체 화면 요소에 오버레이를 얻는 데 절망적이었다. 고마워요, Carmijoon! – Velojet

HTML5 전체 화면 비디오 오버레이

답변

관련 문제