Я хочу добавить оверлейные горячие точки в видео html5, которое поможет мне предоставить информацию об этом видео. Я смог успешно добавить его в обычный режим HTML5 Video. Но, когда я меняю видеорежим на полноэкранный режим, он исчезает. Хотите, чтобы кто-то помог мне, пожалуйста!!!.
Лучший способ сделать это - иметь <div> содержащий <video> и ваши горячие точки, и запрашивать полноэкранный режим в файле <div> .
Я реализовал полноэкранный режим и (часть) <video> API в Firefox. Этот хакер z-index не является указанным поведением, поэтому он перестанет работать, как только мы обновим нашу реализацию, чтобы соответствовать последнему проекту полноэкранной спецификации W3C.
Это можно решить с помощью трюка. Взгляните на этот пример здесь: http://jsfiddle.net/carmijoon/pZbkX/show/
z-index: 2147483647;
Вы также можете увидеть код здесь: http://jsfiddle.net/carmijoon/pZbkX/
z-index: 2147483647;
вам нужно добавить максимальное значение z-индекса, которое (z-index: 2147483647;) в элемент overlay. Этот трюк решит вашу проблему.
Можете ли вы также поделиться своим файлом с jsfiddle?