z-index stratificazione per i video HTML5 (ipad)

Question

Eventuali duplicati:
iPad Safari mobile seems to ignore z-indexing position for html5 video elements

Sto usando il codice BrightCove smartplayer di scrivere un tag video HTML5 nella pagina. Questo codice sostituisce il tag oggetto con tag video in modo che funziona su iPhone e iPad, whils ancora lavorano in del browser che dont sostenere

Il problema che sto avendo è con la stratificazione di questo dynaically scritto in etichetta. Non sembra obbedire all'ordine z-index, risultante nei menu a discesa che ho posizionato sopra il video che si trova dietro il video quando qualcuno passa oltre il menu a discesa.

Answer 1

Non sicuro se si applica al video HTML5, ma c'è un problema simile con il video Flash che può essere risolto con changing the "wmode" attribute.

Answer 2

Dopo aver scavato, ho trovato la soluzione al mio problema, che era molto simile.
Quando si inserisce dinamicamente un tag video (magari anche con altri) nella dom, la proprietà z-index è incasinata.
Come si può vedere here, la soluzione è abbastanza semplice: è necessario aggiungere la proprietà css3 -webkit-transform-style: preserve-3d.
Non è documentato come un bug, ma questa è l'unica soluzione alternativa che potrei trovare.
Spero che questo aiuti.

Answer 3

Mi sono imbattuto anche in questo. L'unica cosa che ho potuto ottenere a lavorare per me è stato quello di aggiungere

display:none 

al tag video quando mostra un div su di essa che doveva essere cliccato.