API iFrame YouTube - Il pulsante Schermo intero non funziona in IE - Diventa grigio (disabilita) dopo aver fatto clic su

Question

Sto utilizzando l'API iFrame di YouTube per incorporare video in una pagina. Tutto funziona alla grande su tutti i browser eccetto ... IE. In IE, il pulsante per visualizzare il video a schermo intero non funziona. Lo fai clic e diventa grigio.

È molto probabile che sia qualcosa di semplice (non è sempre?), Ma non riesco a trovare il problema, né posso trovare alcun riferimento a questo particolare problema.

Esito a fornire gli URL di esempio perché alcuni dei problemi risolti non verranno trasferiti in produzione finché non riuscirò a risolvere il problema, ma il problema principale è davvero lì ... quindi, un esempio di quello che sto vivendo è disponibile all'indirizzo:

http://www.lauramercier.com/store/content/artistDetails.jsp?yt&itemId=1300008

un altro esempio è a (potrebbe essere necessario aggiornare un paio di volte - una questione che ho già fissato a livello locale):

http://www.lauramercier.com/store/content/artistDetails.jsp?yt&itemId=5500264

Esempio di codice iFrame per il 2 ° esempio è:

<iframe name="youtubePlayer" width="225" height="135" class="youtube-player" id="youtubePlayer1" src="http://www.youtube.com/v/a5uiSVSQB3U&fs=1&playerapiid=youtubePlayer1&version=3&wmode=transparent&origin=http://lauramercier.com&modestbranding=1" frameBorder="0" style="padding-top: 5px; position: relative; z-index: 1;" type="text/html"></iframe> 

Oh, e anche se il 'tag var' e roba 'tag.src' è commentata, ho cercato in questo modo troppo, e non ha fatto sembrano importa se ho scritto l'intera stringa:

<script type="text/javascript" src="http://www.youtube.com/player_api"></script> 

Un'altra Oh ... ho provato anche il modo in cui 'swfobject.embedSWF' (dopo I over-scritto i nostri swfobject.js anziani con quello di Google codice), ma il pulsante ha fatto la stessa identica cosa

Forse qualcosa è in conflitto?

Qualsiasi aiuto sarebbe molto apprezzato !!!

Grazie!

Answer 1

Dopo aver giocato con tutte e tre le API per tutto il giorno, ho trovato il problema che ho avuto con ciascuno:

Flash API: Necessario larghezza minima di 240px (per il mio commento di cui sopra). Grazie a Brian Dickey per quello.

API JavaScript: Anche se ho aggiunto allowfullscreen = "true" nel <incorporare> tag, mi mancava il parametro oggetto: < param name = "allowFullScreen" value = "true" > </param >

API iFrame: questo ha richiesto il tempo più lungo e risolto sia per l'API iFrame che per JavaScript. E dopo aver trovato la soluzione, sono stato in grado di trovare documentation on it. Fondamentalmente, stavo collegando video usando [youtube.com /v/ videoID] (lettori AS3 e AS2) mentre sembra che IE (e altri) possono usare solo [youtube.com /embed/ videoID] (HTML5 Player) - almeno il modo in cui li sto implementando.

L'unico motivo per cui altri browser non hanno sofferto la stessa cosa è che a un certo punto durante lo sviluppo ho trovato un'esigenza (probabilmente dovuta al fatto che non ho implementato correttamente wmode) per chiamare gli iFrame separatamente usando i commenti di IE. E devo aver ottenuto il link youtube.com/v/ da una pagina di esempio diversa da quella che inizialmente avevo, e non ho visto la differenza.

Ora che vedo questo, ho anche stabilito che/v/link non funziona in nessun browser per la mia implementazione, quindi essendo tutti devono essere/embed/non ho visto nessun altro motivo per diviso usando i commenti di IE.

Ho anche visto un link youtube.com/e/ su alcune pagine, ma non funziona nemmeno per la mia implementazione.