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

使用jquery动态更改javascript youtube播放器的href

1 个答案: