ユーザーがビデオをリリースする前に、ビデオのプレビューシステムを取得しようとしています。このため、データベースから複数のファイルを取得し、それに応じてビデオを作成できる必要があります。ボタンがあります
<a class="btnGray clickable floatRight" style="position:relative;" onclick="startVideo('<?=$content[ReleaseSystem::contentID]?>','<?=$video['filename']?>');"><?=$lang[109]?></a>
このボタンは次の機能にリンクしています
function startVideo(id,link) {
$("#"+id).fadeIn("slow", function() {
$f("player", {src: "players/nobranding.swf", wmode: 'opaque'},
{
clip: { autoPlay: true },
playlist: ['videos/IMPORTS/'+link,],
plugins: { controls: { playlist: true }}
}
).ipad();
});
}
奇妙なことに、ボタンのリンクを通過しないとビデオプレーヤーが読み込まれますが、リンクを送信しようとすると、関数全体が機能しなくなります。なぜそれが起こるのかわかりません。
プレーヤーのHTMLコードもここにあります
<div id="videoFlyout<?=$content[ReleaseSystem::contentID]?>" class="popUpWrapper" style="display:none;position:absolute;top:10px;left:auto;">
<div class="firstPopupDiv" style="left:center;height:425px;width:620px;">
<div class="popupDivInner" style="display:block;" class="hideSteps">
<div id="<?=$content[ReleaseSystem::contentID]?>">
<center><a id="player" style="display:block; height:365px; width:620px;"></a></center>
</div>
<a class="btnRed clickable floatRight" style="position:relative;" onclick="closeVideo(<?=$content[ReleaseSystem::contentID]?>);"><?=$lang[109]?></a>
<a class="btnGray clickable floatRight" style="position:relative;" onclick="startVideo('<?=$content[ReleaseSystem::contentID]?>','<?=$video['filename']?>');"><?=$lang[109]?></a>
</div>
</div>
</div>
これが私のレンダリングされたHTMです
<div id="videoFlyout280" class="popUpWrapper" style="position: absolute; top: 10px; left: auto; display: none;">
<div class="firstPopupDiv" style="left:center;height:425px;width:620px;">
<div class="popupDivInner" style="display:block;">
<div id="280" style="">
<center>
<a id="player" style="display:block; height:365px; width:620px;">
<object id="player_api" width="100%" height="100%" type="application/x-shockwave-flash" data="players/nobranding.swf">
<param value="true" name="allowfullscreen">
<param value="always" name="allowscriptaccess">
<param value="high" name="quality">
<param value="false" name="cachebusting">
<param value="#000000" name="bgcolor">
<param value="opaque" name="wmode">
<param value="config={"clip":{"autoPlay":true},"playlist":[{"url":"videos/IMPORTS/video_1011_281_1337198589_VID_20120511_00000.3GP","autoPlay":true}],"plugins":{"controls":{"playlist":true}},"playerId":"player"}" name="flashvars">
</object>
</a>
</center>
</div>
<a class="btnRed clickable floatRight" onclick="closeVideo(280);" style="position:relative;">Cancel</a>
<a class="btnGray clickable floatRight" onclick="startVideo('280','video_1011_280_1337183112_testCat.mp4');" style="position:relative;">Cancel</a>
</div>
</div>
</div>
<div id="videoFlyout281" class="popUpWrapper" style="position: absolute; top: 10px; left: auto;">
<div class="firstPopupDiv" style="left:center;height:425px;width:620px;">
<div class="popupDivInner" style="display:block;">
<div id="281" style="">
<center>
<a id="player" style="display:block; height:365px; width:620px;"> </a>
</center>
</div>
<a class="btnRed clickable floatRight" onclick="closeVideo(281);" style="position:relative;">Cancel</a>
<a class="btnGray clickable floatRight" onclick="startVideo('281','video_1011_281_1337198589_VID_20120511_00000.3GP');" style="position:relative;">Cancel</a>
</div>
</div>
</div>