点击事件后：如何通过 javascript 向 URL 添加内容？

Posted 2023-05-09

【中文标题】点击事件后：如何通过 javascript 向 URL 添加内容？

【英文标题】：after a click-event: how do i add somehting to a URL via javascript?

【发布时间】：2012-07-27 08:40:31

【问题描述】：

我想找到一种简单的方法，通过隐藏它们并在单击预览图像后立即使它们可见，从而在我的博客中为我的视频获取自定义预览图像。用户 Dominic Green 帮助我几乎开始了它。

问题是：视频已经在页面加载后立即以自动播放模式开始播放（即使它是隐藏的）（您可以在后台听到声音），但我希望在点击后立即开始自动播放在预览图像上...

在此示例中，我已经手动添加了“autoplay=1”，但我想在点击后立即通过 javascript 将此行添加到视频 URL！

这是我到目前为止的示例（点击花朵图像将使视频可见）：http://brayaz.de/test/example.html

我绝对不喜欢 javascript，所以任何帮助都会很棒！ 谢谢！

【参考方案1】：

只需更改 iframe 的来源以包含自动播放：

$(document).ready(function()
    $(".video").hide();
    $(".loader").on('click', function()
        $(this).hide();
        elm = $(this).siblings(".video")
        elm.show();
        var iframe = elm.find('iframe');
        iframe.prop('src', iframe.prop('src')+'&autoplay=1');
    );
);  

FIDDLE

【参考方案2】：

HTML 代码

<param name="myvideo" value="http://www.youtube.com/v/v_MVwUqrwDc?rel=0">

jQuery

​​>

$('param[name="myvideo"]').val(function(i, oldVal) 
    return oldVal + (oldVal.indexOf('?') ? '&autoplay=1' : '?autoplay=1');
);