Question

我已经编写了一些代码来在我的网页上显示YouTube视频，但我希望它像Lightbox一样。所以我创建了以下div：

<div id="video-background" class="vid_back" ></div>

我有一个jQuery函数来附加YouTube视频：

 $("#video_one").click(function () {

            $("#video-background").append("<div id=\"video_player_box\"><div id=\"close\" >X</div><iframe title=\"YouTube video player\" class=\"youtube-player\" type=\"text/html\" " +
            "width=\"640\" height=\"390\" src=\"" + vid_one + "\" frameborder=\"0\" allowFullScreen></iframe></div>");

            state = 1;
        });

虽然在此之前没有问题，但我想在点击“X”时关闭这个东西。为了实现这一点，我做了：

 $(document).ready(function () {
    $("#close").live("click", function(){ 
      $("#video-background").remove("div"); 

    });
  });

虽然这有效，但当我再次点击显示视频的链接时，没有任何反应。

我错过了什么？

Answer 1

也许这个小提琴会帮助你。

http://jsfiddle.net/uwULw/

像jquery灯箱的视频播放器背景

1 个答案: