我想找到一种简单的方法,通过隐藏视频并在单击预览图像后立即使其可见,来为博客中的视频获取自定义预览图像。用户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/