iPadでビデオを開くjQueryUIダイアログに問題があります。
ダイアログを中央に配置しないiPadを除くすべてのプラットフォームのすべてのブラウザで正常に動作します。0,0で表示されます。
サイトはwww.rainforestretreat.co.nzで、左ナビゲーションのビデオリンクをクリックすると問題を確認できます。
私はダイアログをトリガーし、ビデオを次のように開始しています:
$(".fancyBox").click(function(){
$("#video").dialog({
height:500,
width:800,
open: function(event, ui){
$('#overlay').fadeIn();
_V_("RRVideo").ready(function(){
var myPlayer = this;
myPlayer.play();
});
},
close: function(event, ui){
$('.ui-dialog').hide();
$('#overlay').fadeOut();
_V_("RRVideo").ready(function(){
var myPlayer = this;
myPlayer.pause();
});
},
show: 'fade'
});
return false;
});
オプションとしてposition:'center'を追加してみましたが、違いはありません。(上下に配置すると、他のブラウザーは変更を反映しますが、iPadでは変更は行われません)。
誰かがこれに遭遇したことがありますか?