Bật API YouTube trên trình phát hiện tại

Question

Tôi có video youtube được nhúng mà tôi muốn áp dụng API YouTube. Tôi thêm các tham số url sử dụng jQuery như sau (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(); 
}) 
}); 

Phương pháp này hoạt động tuyệt vời trong Firefox, nhưng không phải ở tất cả trong IE hay Chrome (không chắc chắn về các trình duyệt khác). Vì vậy, câu hỏi của tôi là làm thế nào để tôi sửa đổi điều này để làm cho API làm việc trong các trình duyệt khác? Tôi có phải loại bỏ hoàn toàn đối tượng và thay thế nó bằng cách sử dụng SWFObject?

Lưu ý: Mã nhúng trực tiếp từ YouTube.

---

Cập nhật: tôi đã tìm ra nếu tôi loại bỏ các đối tượng, thêm các thông số url sau đó thêm các đối tượng trở lại, bây giờ tôi có thể lấy nó để làm việc trong Chrome, nhưng vẫn không IE (updated demo).

---

Phụ lục: Tại sao chức năng YouTube API không được kích hoạt khi đối tượng/nhúng đã bật mã trong đó? Tôi đang cố gắng tránh làm cho SWFObject trở nên phụ thuộc.

<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

Về swfobject - có. IE coi flash nhúng hơi khác (nhờ activex) so với tất cả các trình duyệt khác. hãy xem this article để biết lý do tại sao và SWFObject documentation để biết thêm thông tin.

Ngoài ra, gần đây tôi đã tạo một plugin jQuery để giúp kiểm soát trình phát được nhúng bằng API trình phát (về cơ bản những gì bạn đang làm).

Kiểm tra nó ra, nó là plugin jQuery TubePlayer - http://www.tikku.com/jquery-youtube-tubeplayer-plugin

Answer 2

IE không được tìm $('object') có lẽ bởi vì bạn cần phải xác định đúng loại (làm một cảnh báo về độ dài obj), nhưng nếu bạn làm obj = $('embed') nó sẽ hoạt động. Nó có thể là khôn ngoan để bọc những thứ xung quanh theo một cách khác, đó là làm $('<div id="test/>') và sau đó nối thêm/đối tượng và thay đổi các giá trị src và movie.

EDIT: IE dường như không đăng ký object cho đến khi nó có một type hoặc clsid thuộc tính nhất định, ví dụ như

EDIT # 2: Bạn có thể có lẽ chỉ kiểm tra việc outerHTML của phần tử đối tượng @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