0

私の Web ページには、ビデオ (vimeo) を埋め込んだ iframe と、ビデオをフルスクリーンでレンダリングする jquery スクリプトがあります。

問題は、モバイル デバイス (特に Apple デバイス) では、全幅のビデオを使用して、明らかにビデオ プレーヤー上にあるリンクをプッシュすることができないことです。

私の解決策は、jqueryスクリプトでビデオを非表示にすることです

$('#vimeo').css('display', 'none');
$('#image_video').css('display', 'block');

vimeoページに直接リンクするビデオの代わりに画像を表示します。

このように、ビデオが非表示になっている場合でも、とにかくバックグラウンドでロードされ、モバイルインターネット接続の場合、これは無駄だと思います.

私の質問は、iframe の読み込みを防ぐ方法はありますか?

私は自分自身を説明したことを願っています。私の英語でごめんなさい。

4

2 に答える 2

0

iframe src を設定しないで、代わりに次のようなカスタム データ属性を使用します。

<iframe id="iframe1" data-src="http://...." />

次に、コンテンツをロードする場合は、jQuery を使用して iframe src を設定します。

  $('#iframe1').attr( 'src',  $('#iframe1').data('src')  );

または隠す

$('#iframe1').hide()
于 2013-08-17T09:41:12.840 に答える
0

ホスティング プロバイダーのカスタマー コントロール パネルでチャット用のフロントエンドを開発していたときに、同様の問題が発生しました。

チャット自体はプロプライエタリで、AJAX を使用していたため、モバイル デバイスを使用している場合を除き、iframe を介して DOM にアクセスする必要がありました。

次のように要素を削除します。

jQuery("#vimeo").remove();
jQuery("#image_video").css('display','block');

そうすれば、非標準の属性を回避し、実際には DOM からタグを削除するだけです。

于 2013-08-17T09:45:08.543 に答える