2

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

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

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

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

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

4

2 回答 2

2

只需更改 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');
    });
});

小提琴

于 2012-07-29T11:50:46.477 回答
1

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');
});
于 2012-07-29T11:38:25.893 回答