画像がクリックされたときに YouTube iframe をロードする小さなプラグインを作成しました。スクリプトの一部は、読み込まれた youtube iframe を親コンテナーの中央に配置します。これは FF と IE ではうまく機能しますが、Chrome では中央揃えの適切なマージンが返されません。Chrome で「安全でない JavaScript が URL でフレームにアクセスしようとしました」というエラーも表示されます。
必要な寸法を取得するための次のコードがあります。
(function($){
$.fn.vidloader = function(data){
var $dataObject = $(data); //The Iframe
var dataHeight = $dataObject.height();
var dataWidth = $dataObject.width();
//FF and IE return proper height and width, Chrome returns 0;
//do a bunch of other stuff to process this
}
})
$('#container_one').vidloader('<iframe "my iframe from youtube"></iframe>');
「URL でフレームにアクセスしようとする安全でない試み」エラーのため、Chrome は 0 を返していますか? もしそうなら、とにかく私はそのエラーを回避できますか? または、別の方法を使用して Chrome で Iframe スタイル属性を抽出する必要がありますか?