http://www.teachhub.com/sevcik-tester-ooyala
Fancyboxのクローズイベントは、ChromeとIEの暗いオーバーレイを削除していません。Firefoxはうまく機能します。私はfancybox2を使用しています。以下のコメントアウトされた項目、クローズイベントを強制しようとしましたが、機能しません。メインウィンドウは閉じますが、暗いオーバーレイは残ります。
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery.noConflict();
});
</script>
<div style="width: 312px;">
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("a.videolink").fancybox({
closeClick : true,
helpers : {
overlay : {closeClick: true}
},
'afterClose': function () {
videoPlayer.pause();
//jQuery("#fancybox-wrap").hide();
//jQuery("#fancybox-wrap").empty();
//jQuery("#fancybox-overlay").hide();
//jQuery("#fancybox-overlay").empty();
//jQuery('#fancybox-overlay').unbind();
}
});
});
</script>
<script src='http://player.ooyala.com/v3/apikey'></script>
<p style="font-weight: bold; color: red; font-size: 18px; line-height: 21px; margin-bottom: 10px; margin-left: 10px;">Welcome to TeachHUB.com</p>
<!-- The Video Thumbnail -->
<a class="videolink" href="#videocontainer" title="">
<img src="/sites/default/files/homepage-video-player.jpg" style="float: left; padding: 0px 15px 15px 10px;"/>
</a>
<!-- The Video Object -->
<div id="videocontainer">
<div id='playerwrapper' style='width:480px;height:360px;'></div>
<script>
var videoPlayer = OO.Player.create('playerwrapper','R0ZjB2NTqDw3YRWba9RIpRnF6D9lRYKP', {
// additional params go here
});
videoPlayer.play();
</script>
</div>