Jquery 在div弹出窗口上启动视频-在弹出窗口上加载视频
好吧，我不知道这怎么可能 我有一系列jquerydiv弹出窗口，当每个弹出窗口出现时，我希望它们开始播放视频 我应该使用哪个播放机以及我应该如何处理这个问题，已经有了div，但是因为它们被设置为不显示，所以在JWplayer中自动播放视频意味着它们在弹出之前就已经开始播放了Jquery 在div弹出窗口上启动视频-在弹出窗口上加载视频,jquery,video,html,popup,jwplayer,Jquery,Video,Html,Popup,Jwplayer,好吧，我不知道这怎么可能 我有一系列jquerydiv弹出窗口，当每个弹出窗口出现时，我希望它们开始播放视频 我应该使用哪个播放机以及我应该如何处理这个问题，已经有了div，但是因为它们被设置为不显示，所以在JWplayer中自动播放视频意味着它们在弹出之前就已经开始播放了 <!DOCTYPE html> <html> <head> <style> div { position: absolute; width: 60px; height: 6
<!DOCTYPE html>
<html>
<head>
<style>
div { position: absolute; width: 60px; height: 60px; float: left; display:none; }
.first { background-color: #3f3; left: 0;}
.second { background-color: #33f; left: 80px;}
.third { background-color: #3f3; left: 120px;}
.fourth { background-color: #33f; left: 300px;}
.fifth { background-color: #3f3; left: 400;}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="http://ui.jquery.com/latest/ui/effects.core.js"></script>
<script src="http://ui.jquery.com/latest/ui/effects.slide.js"></script>
</head>
<body>
<p><button>Run</button></p>
<div class="first">VIDEO 1 HERE</div>
<div class="second">VIDEO 2 HERE</div>
<div class="third">VIDEO 3 HERE</div>
<div class="fourth">VIDEO 4 HERE</div>
<div class="fifth">VIDEO 5 HERE</div>
<script>
$("button").click(function() {
$("div.first").delay(15060).show("puff", {}, 300).delay(116010).fadeOut(300);
$("div.second").delay(40230).show("puff", {},300).delay(28990).fadeOut(300);
$("div.third").delay(46180).show("puff", {},300).delay(27880).fadeOut(300);
$("div.fourth").delay(71070).show("puff", {},300).delay(42050).fadeOut(300);
$("div.fifth").delay(110080).show("puff", {},300).delay(17050).fadeOut(300);
});
</script>
</body>
</html>
div{位置：绝对；宽度：60px；高度：60px；浮动：左；显示：无；}
.first{背景色：#3f3；左：0；}
.second{背景色：#33f；左：80px；}
.third{背景色：#3f3；左：120px；}
.4th{背景色：#33f；左：300px；}
.fifth{背景色：3f3；左：400；}
跑
这里是视频1
这里是视频2
这里是视频3
这里是视频4
这里是视频5
$（“按钮”）。单击（函数（）{
$（“div.first”）.delay（15060）。show（puff），{}，300）。delay（116010）。fadeOut（300）；
延迟（40230）。显示（喘息），300。延迟（28990）。淡出（300）；
延迟（46180）。显示（喘息），300。延迟（27880）。淡出（300）；
延迟（71070）。显示（喘息），300。延迟（42050）。淡出（300）；
$（“第五分区”）.delay（110080）。show（“puff”，300）。delay（17050）。fadeOut（300）；
});
[Your player name]().play()
jwplayer('mediaspace').setup({...
...
jwplayer().play()
.JWPlayer是一个很好的播放器，但是您应该将autostart设置为false并使用JWPlayer Javascript API 当div弹出时，使用
[Your player name]().play()
jwplayer('mediaspace').setup({...
...
jwplayer().play()
.我建议您使用fancybox，它是一个很好的类似于“lightbox”的jquery库，非常简单而且有用
链接是：我建议您使用fancybox，这是一个很好的类似于“lightbox”的jquery库，它非常简单而且有用
链接是：当我们有一些简单的插件时，不要担心，仔细阅读sores代码你可以找到你的东西，这里是一些在弹出窗口或某种灯箱上加载视频的简单演示。或者也是这样。当我们有一些简单的插件时，不要担心，仔细阅读sores代码，你可以找到你的东西，这里是一些在弹出窗口或某种灯箱上加载视频的简单演示。或者也是这个。使用阴影盒。。。太好了 该插件支持大多数JavaScript插件，如jQuery、Mootools等
链接：使用阴影盒。。。太好了 该插件支持大多数JavaScript插件，如jQuery、Mootools等 链接：