Abilita l'API di YouTube sul lettore esistente

Question

Ho un video di youtube incorporato che desidero applicare all'API di YouTube. Aggiungo il parametro URL utilizzando jQuery come segue (demo):

$(document).ready(function(){ 
var obj = $('object'); 
obj.find('embed').attr('src', function(i,s){return s+'&enablejsapi=1&version=3'}) 
obj.find('param[name=movie]').attr('value', function(i,v){return v+'&enablejsapi=1&version=3'}) 

$('.play').click(function(){ 
    obj.find('embed')[0].playVideo(); 
}); 
$('.pause').click(function(){ 
    obj.find('embed')[0].pauseVideo(); 
}) 
}); 

Questo metodo funziona alla grande in Firefox, ma non a tutti in IE o Chrome (non sono sicuro di altri browser). Quindi la mia domanda è: come posso modificarlo per far funzionare l'API in altri browser? Dovrei rimuovere completamente l'oggetto e sostituirlo usando SWFObject?

Nota: il codice di incorporamento è direttamente da YouTube.

---

Update: ho capito se rimuovere l'oggetto, aggiungere i parametri URL quindi aggiungere l'oggetto indietro, ora posso farlo funzionare in Chrome, ma ancora non IE (updated demo).

---

Addendum: Perché l'API di YouTube non funziona quando l'oggetto/embed ha già il codice di abilitazione al suo interno? Sto cercando di evitare di rendere SWFObject una dipendenza.

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="385"> 
<param name="movie" value="http://www.youtube.com/v/2Qj8PhxSnhg&amp;hl=en_US&amp;fs=1&enablejsapi=1&version=3"></param> 
<param name="allowFullScreen" value="true"></param> 
<param name="allowscriptaccess" value="always"></param> 
<embed src="http://www.youtube.com/v/2Qj8PhxSnhg&amp;hl=en_US&amp;fs=1&enablejsapi=1&version=3" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed> 
</object> 

Answer 1

Riguardo a swfobject - sì. IE considera gli embed flash leggermente diversi (grazie activex) rispetto a tutti gli altri browser. controlla this article per avere un'idea del perché e lo SWFObject documentation per ulteriori informazioni.

Inoltre, ho recentemente creato un plugin jQuery per aiutare a controllare il player incorporato utilizzando l'API del player (in pratica quello che stai facendo).

Check it out, è il plugin jQuery TubePlayer - http://www.tikku.com/jquery-youtube-tubeplayer-plugin

Answer 2

IE non sta trovando $('object') forse perché è necessario specificare il tipo giusto (fare un avviso sulla lunghezza obj), ma se lo fai obj = $('embed') esso lavorerò. Potrebbe essere saggio avvolgere le cose in un modo diverso, ovvero fare $('<div id="test/>') e quindi aggiungere gli oggetti embed/e modificare i valori src e movie.

EDIT: IE non sembra registrare object fino a quando non ha un attributo type o clsid specificati, per esempio

EDIT # 2: Si può probabilmente solo ispezionare l'outerHTML dell'elemento oggetto @http://savedbythegoog.appspot.com/retrieve_cache?unique_id=http://code.google.com/apis/ajax/playground/samples/boilerplateHTML/youtube/chromeless.html|http://code.google.com/apis/ajax/playground/samples/js/youtube/chromeless.js&defaultSample=true