2012-09-21 93 views
0

我有一个图像正在显示,并在图像下方有一个vimeo播放器。默认情况下,vimeo播放器是隐藏的(不显示:无;也不可见:隐藏)。当用户点击图像时,Vimeo播放器将替换图像,并且现在可以看到。现在我的问题是,如何让视频播放器在显示后自动播放。jQuery Vimeo自动播放

我的jQuery至今:

$(document).ready(function() { 

    $(".image-caption p a").click(function() { 

    $('.image-block').css('display','none'); 
    $('.sqs-video-wrapper').css('position', 'relative'); 
    $('.sqs-video-wrapper').css('top', '0'); 

    }); 

}); 

运行完美!只需要vimeo播放器自动播放。它当然默认包装在一个iFrame中。

这里是我想什么快速演示:

http://thisisdk.com/work/scrapbook

谢谢!

回答

1

如果您在嵌入代码中将自动播放参数设置为true(或1),则显示视频时应自动播放。

检查this fiddle

+0

这是事实,但它会自动播放不管用户点击“点击我” – Nick

+0

嗯必须是针对特定浏览器即可。在FF Mac中,视频无法播放。 –

+0

与Safari和Chrome相同,视频只有在可见时才会播放。 另一种解决方案是在点击上注入HTML。 –