Magnific Popup Responsive lightbox プラグインを使用して YouTube ビデオを開きます。
私のコード:
init: function() {
$('#lightbox').magnificPopup({
disableOn: 700,
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: false
});
}
Chrome では、リンクをクリックするとライトボックスが開き、ビデオが読み込まれる場合と読み込まれない場合があります。ほとんどの場合、ビデオなしでオーディオのみをロードします。
「発信元が " http://www.youtube.com " のフレームが、発信元が "[my domain]" のフレームにアクセスすることをブロックしました。プロトコル、ドメイン、およびポートが一致する必要があります。" という警告が表示されます。- Chrome では通常、iframe でこの警告が表示されます。また、.swf ファイルのロードにも失敗しています。
ローカルではなく、サーバー上で開発しています。
これは、Safari、Firefox、および IE8+ で正常に動作しています。この問題は Chrome でのみ発生しています。