单击图像(启动画面)播放嵌入的 Youtube 电影 [英] Click on image (splashscreen) to play embedded Youtube Movie

问题描述

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

I Was wondering how to make something as followed:

我想要一个显示启动图像的图像，单击它将播放的图像同一占位符中的 youtube 电影.(要清楚我不想直接显示嵌入式播放器，而是首先显示可点击的图像)

I want to have an image that displays a splash image, clicking on that image it will play a youtube Movie in the same placeholder. ( to be clear I don't want to show the embedded player directly but first a clickable image)

推荐答案

试试这样的:

<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/

这篇关于单击图像(启动画面)播放嵌入的 Youtube 电影的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！