使用jquery利用dyanamically更改javascript youtube播放器的href

Question

<a id="bgndVideo" href="http://www.youtube.com/watch?v=mAf6zKRb1wI" 
class="movie {opacity:.8, isBgndMovie:{width:'window',mute:false}, o 
ptimizeDisplay:true, showControls:true, ratio:'4/3', loop: true}">vito 
acconci theme song 1973</a> 

以上是我在文檔中用於嵌入javascript chromeless youtube播放器作爲背景的html。我得到的代碼從http://pupunzi.com/mb.components/mb.YTPlayer/demo/demo_background.html

href控制設置爲背景的視頻我想用常量動態更改上述html的href。

我曾嘗試：

var DATA = VideoID 

$("bgndVideo").attr("href", DATA) 

這個沒有工作，也沒有

document.getElementById("bgndVideo").href=DATA; 

這也不能工作。有什麼建議麼？在上面的示例網站上查看源代碼以更好地瞭解我的意思可能是一個好主意，我覺得很難正確表達我的問題！

Answer 1

您不能通過更改href來更改電影。它已經被使用，並且只要初始化播放器就不再提供給玩家。如果你在初始化之前更改URL，那麼是的，但這可能不是你想要的。

到這裏看看：

https://github.com/pupunzi/jquery.mb.YTPlayer/wiki

$ .fn.changeMovie（URL，OPT）

這種方法讓你更改指定播放器傳遞一個新的參數對象的視頻設置特定的屬性。

這是我對你的代碼

$('#bgndVideo').changeMovie('http://www.youtube.com/watch?v='+DATA, {opacity:.4, ratio:'16/9'}); 

但是我想你可能希望這樣的：

var movies = [ 
    {"id":"mAf6zKRb1wI","title":"Vito Acconci theme song 1973 -- part 1"}, 
    {"id":"2MxhNdyADEU","title":"Vito Acconci theme song 1973 -- part 2"}, 
    {"id":"xOsWwpzqlZw","title":"Vito Acconci theme song 1973 -- part 3"} 
]; // note no comma after the last 

$(function() { 
    $.each(movies,function() { 
    $("#container").append('<button data-id="'+ 
     $(this).id+'" class="buttons">'+ 
     $(this).title+'</button>'); 
    }); 
    $(".buttons").on("click", function() { 
    $("#bgndVideo").changeMovie("http://www.youtube.com/watch?v="+ 
    $(this).data("id"), {opacity:.4, ratio:"16/9"}); 
    }); 
});