javascript - 点击事件后 : how do i add somehting to a URL via javascript?

Question

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

问题是:页面加载后视频已经开始以自动播放模式播放(即使它是隐藏的)(您可以听到背景中的声音)，但我希望在单击后立即开始自动播放在预览图像上...

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

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

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

Answer 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