使用 JQuery 更改 Vimeo 视频

Question

如何更改嵌入 vimeo 视频的 ID？以下是嵌入代码示例：

<object width="578" height="325">
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11527784&amp;
server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" />
<embed src="http://vimeo.com/moogaloop.swf?clip_id=11527784&amp;
server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;
color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" 
allowscriptaccess="always" width="578" height="325"></embed></object>

如何使用 JQuery 或纯 JavaScript 更改对象值和嵌入源中的 clip_id？

这样做的效果是它改变了视频。我已经在 Firefox 上测试过，如果这不适用于所有浏览器，请告诉我！

感谢大家的帮助

Answer 1

这有一些跨浏览器的影响。

您可能想看看another question on SO。

您应该使用 SWFObject 插件作为stated by SolutionYogi。

这是另一个相关问题： How to use javascript to swap swf in html?

Answer 2

我不确定“何时”要替换它，所以我在点击时进行了替换。试试这个：

$('#change_me').click(function() {
    var val = $('embed').attr('src').replace(/clip_id=(?=\d).\d+/g, 'clip_id='+new_id);


    $('embed').attr('src', val);
    alert($('embed').attr('src'));
});

此正则表达式将查找后跟任何数字且仅数字的 clip_id，并将其替换为新的 id。您可以在包含 clip_id 的两个 url 上执行此操作。我很确定它适用于所有浏览器，尽管我现在无法测试它。

注意：我确信可以使用更好的正则表达式，但我对它们不是特别擅长，所以我只能想出 atm。

希望对你有帮助

Answer 3

    var params = document.getElementsByTagName("param");
    var clip_url = 11527780;
    var vimeo = "http://vimeo.com/moogaloop.swf?clip_id=" + clip_url + "&server=vimeo.com&show_title=1&show_byline=0&show_portrait=0&color=00ADEF&fullscreen=1";
    params[2].setAttribute("value", vimeo);

    var embed = document.getElementsByTagName("embed");
    embed[0].setAttribute("src", vimeo);

clip_url 是 vimeo 视频的 id。