0
これはどうやって可能かわかりません。ビデオをポップアップで起動する - ポップアップでビデオを読み込む
私は一連のjquery divポップアップを持っていますが、それぞれが表示されているときにビデオを再生したいと思っています。
どのプレイヤーを使うべきですか、どのようにこれに近づくべきですか、すでにdivを持っていますが、彼らは何も表示しないように設定されているため、JWplayerのビデオ自動再生はポップアップされる前にプレイしています。
<!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>