javascript - 如何将 &autoplay=1 动态添加到 youtube 嵌入代码?

标签 javascript jquery dynamic youtube autoplay

这是我网站上的 YouTube 嵌入代码示例:

<object width="525" height="320"><param name="wmode" value="opaque">
    <param name="movie" value="http://www.youtube.com/v/yciTqWafKPU?version=3">
    <param name="allowFullScreen" value="true">
    <param name="allowscriptaccess" value="always">
    <embed src="http://www.youtube.com/v/yciTqWafKPU?version=3" type="application/x-shockwave-flash" width="525" height="320" allowscriptaccess="always" allowfullscreen="true" wmode="opaque">
</object>

我相信我需要添加 &autoplay=1为此:<param name="movie" value="http://www.youtube.com/v/yciTqWafKPU?version=3&autoplay=1">还有这个:<embed src="http://www.youtube.com/v/yciTqWafKPU?version=3&autoplay=1" type="application/x-shockwave-flash" width="525" height="320" allowscriptaccess="always" allowfullscreen="true" wmode="opaque">

我需要使用 JQuery 动态执行此操作。我该怎么做?

最佳答案

如果没有太大的困难,我会想...

$('param[name="movie"]').val(function(i, oldVal) {
    return oldVal + (oldVal.indexOf('?') ? '&autoplay=1' : '?autoplay=1');
});
$('embed').prop('src', function(i, oldSrc) {
    return oldSrc + (oldSrc.indexOf('?') ? '&autoplay=1' : '?autoplay=1');
}

您可能更愿意做一个稍微更具体的选择器,例如 $('embed[src^="http://www.youtube.com/"]') 或者 $('object param[name="movie"]') -- 这取决于您的页面在别处包含的内容...

请参阅 API 引用:

关于javascript - 如何将 &autoplay=1 动态添加到 youtube 嵌入代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6144926/

相关文章:

javascript - 如何动态创建多个可求和的变量

javascript - 如何在azure计时器功能中设置多个时间表?

javascript - 流: Coercing an object-with-nullable-property to object-with-non-nullable-property?

javascript - jquery 将数组插入数组并在发布数据中维护键(多维?)

javascript - jQuery 到 JavaScript 代码

javascript - 无需服务器端脚本即可跨多个页面链接导航栏

javascript - 我的应用程序无法识别 DateTimePicker

javascript - 动态创建的 Div 更改下拉选项

javascript - 将此 JSON 重写为 jQuery data() 的更好方法是什么?

Android 动态添加联系人表单