我想找到一种简单的方法,通过隐藏视频并在单击预览图像后立即使其可见,来为博客中的视频获取自定义预览图像。用户Dominic Green帮助我将其入门。

问题是:视频已经在页面加载后立即开始以自动播放模式播放(即使它是隐藏的)(您可以在后台听到声音),但是我想在单击预览后立即开始自动播放-图片...

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

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

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

最佳答案

只需更改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

关于javascript - 点击事件后:如何通过javascript向URL添加内容?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11708632/

10-09 16:04
查看更多