jquery - 单击图像(启动画面)播放嵌入的 Youtube 电影

Question

我想知道如何制作如下内容:

我想要一个显示启动图像的图像，单击该图像就会播放 同一占位符中的 YouTube 电影。 (要明确的是，我不想直接显示嵌入式播放器，而是首先显示可点击的图像)

Answer 1

尝试这样的事情:

<img src="placeholder.jpg" data-video="http://www.youtube.com/embed/zP_D_YKnwi0">
$('img').click(function(){
var video = '<iframe src="'+ $(this).attr('data-video') +'"></iframe>';
$(this).replaceWith(video); });

此处演示:http://jsfiddle.net/2fAxv/1/