Jquery点击图片

Question

我有一个有图像的div.当我点击图像时,我喜欢将具有图像的点转换为嵌入式视频:

<iframe width="560" height="315" src="http://www.youtube.com/embed/DxkEe_l7S3g" frameborder="0" allowfullscreen></iframe>

任何帮助,将不胜感激.我希望尽可能不刷新页面.

Answer 1

编辑:这是一个小提琴:http://jsfiddle.net/9pdX6/

这取决于您从哪里获取视频ID.

假设你有这个:

<img data-id="DxkEe_l7S3g" src="some_image" />

然后你就可以实现你想要的东西:

$('img').click(function() {
    $(this).replaceWith(
        '<iframe width="560" height="315" src="http://www.youtube.com/embed/' + 
        $(this).data('id') + '" frameborder="0" allowfullscreen></iframe>'
    );
});