视频播放器背景类似jquery灯箱
video player background like jquery lightbox
我已经写了一些代码来在我的页面上显示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");
});
});
虽然这是有效的,但当我再次点击链接显示视频时,什么也没发生。
我错过了什么?
也许这把小提琴能帮你。
http://jsfiddle.net/uwULw/
相关文章:
- 在jquery灯箱中生成循环
- 我正在使用JQUERY灯箱,我帮助我解决简单的问题
- 将 jquery 灯箱包装在可重用的角度指令中
- WordPress jQuery灯箱突然不工作
- JQuery 灯箱不工作.Chrome 在显示控制台中报告错误
- JQuery 灯箱插件:缩放非常大的图像以适应屏幕
- 一个可触摸的jQuery灯箱 - 从iframe打开到全屏
- Jquery:灯箱自动关闭:(
- jQuery灯箱.可以'找不到方法
- 视频播放器背景类似jquery灯箱
- jquery灯箱打开HTML内容而不是图像
- jQuery灯箱插件/库出现问题
- jQuery灯箱(羽灯)无法处理click事件
- 在弹出窗口Jquery(灯箱)中打开照片
- 使用颜色盒(JQuery灯箱插件),如何单击图像以关闭灯箱
- 在jquery灯箱中使用锚点滚动
- 开源JQuery灯箱未运行
- 制作一个jquery灯箱
- JQuery灯箱内可拖动图像
- 将KnockoutJS与JQuery灯箱一起使用