使用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"}); 
    }); 
});