Superposition sur HTML5 Fullscreen Video

Je veux ajouter de la superposition de points chauds sur une vidéo html5 qui va m'aider à me donner des infos sur cette vidéo. J'ai pu réussir à ajouter sur la Vidéo HTML5 mode normal. Mais, quand j'ai la vidéo en mode plein écran, il disparaît. Voulez quelqu'un pour m'aider s'il vous plaît!!!.

source d'informationauteur Suraj Jadhav | 2013-04-26

  1. 13

    La meilleure façon de le faire est d'avoir un <div> contenant le <video> et votre hotspots, et demande en plein écran sur le contenant <div>.

    J'ai mis en place le plein écran et de (parties de) <video> Api de Firefox. Ce z-index hack n'est pas spécifié comportement, de sorte qu'il cesse de fonctionner une fois que nous mettons à jour notre application pour correspondre à la dernière version du W3C en plein écran spec.

  2. 22

    Cela peut être résolu avec un truc. Jetez un oeil sur cet exemple, ici:
    http://jsfiddle.net/carmijoon/pZbkX/show/

    z-index: 2147483647;

    Vous pouvez également voir le code ici:
    http://jsfiddle.net/carmijoon/pZbkX/

    z-index: 2147483647;

    vous avez besoin pour ajouter de la valeur maximale de z-index qui est (z-index: 2147483647;) dans l'élément de superposition. Cette astuce permettra de résoudre votre problème.

    Pouvez vous aussi partager vos fichiers sur jsfiddle?