さて、ここで私が抱えている問題があります。brightcoveからのビデオがあり、再生が完了した後にfancybox2.0モーダルウィンドウを閉じるためにAPIからイベントリスナーを追加しています。ただし、fancyboxがdivからコンテンツを複製しているが、javascriptは複製していないため、イベントリスナーがアクティブ化されていないため、偶数リスナーは発生していません。
これがコードです
<!-- Start Brightcove API -->
<script language="JavaScript" type="text/javascript" src="http://admin.brightcove.com/js/APIModules_all.js"></script>
<script type="text/javascript">
var bcExp;
var modVP;
function onTemplateLoaded(experienceID) {
alert("EVENT: TEMPLATE_LOAD");
bcExp = brightcove.getExperience(experienceID);
modVP = bcExp.getModule(APIModules.VIDEO_PLAYER);
modVP.addEventListener(
BCMediaEvent.COMPLETE,
function(event) {
alert("EVENT: Close Modal Activated");
jQuery.fancybox.close(true);
}
);
}
/*
function onTemplateLoaded(experienceID) {
alert("EVENT: TEMPLATE_LOAD");
bcExp = brightcove.getExperience(experienceID);
modVP = bcExp.getModule(APIModules.VIDEO_PLAYER);
modVP.addEventListener(BCMediaEvent.COMPLETE, closeModal);
}
function closeModal(event) {
alert("EVENT: Close Modal Activated");
jQuery.fancybox.close(true);
}
*/
</script>
<!-- End Brightcove API -->
アイデアや解決策はありますか?