CSS表示：いいえ解決法はありませんか？

Question

私はDIVI、Wordpressを使用していますが、私はこのビデオをデスクトップの背景として設定していますが、モバイルとタブレットでは無効にしていますが、ここではDisableオプションの機能は何ですか？ロードされたDOM。

オブジェクトの読み込みを完全にブロックする方法はありますか？モバイルデバイスの読み込み時間に影響しますか？

は、自分の考えを共有し、してください

Answer 1

はい、あなたのロジックを反転：それは可能な機器だない限り

は、クリップ、をロードすることはありません。

javascriptを使用すると、画面の幅が十分広いかどうかを確認することができます（または、デバイスがクリップに対応しているかどうかを確認してください。Wi-Fiの一部のタブレットでもよく表示されます）。
再生できると判断した場合は、ページにビデオ要素を追加し（または要素にsrcを追加して）、再生イベントをトリガーします。

BTW：このトリックは、画像などの多くのリソースにも適用できます。

Answer 2

Ianが親切にした提案に基づいて、ここに私の解決策があります。

はまず、私はそうのような属性データ-SRCを持つように各ビデオの子ソース要素を変更：

<video id="my-id">  
    <source data-src="somevideo.mp4"> 
</video> 

その後、私はiPadをなどを含むように変更http://detectmobilebrowsers.com/で入手可能なスクリプトを使用して、モバイルチェックを行った後、

var sources = document.querySelectorAll('video#my-id source'); 
// Define the video object this source is contained inside 
var video = document.querySelector('video#my-id'); 
for(var i = 0; i<sources.length;i++) { 
    sources[i].setAttribute('src', sources[i].getAttribute('data-src')); 
} 
// If for some reason we do want to load the video after, for desktop as opposed to mobile (I'd imagine), use videojs API to load 
video.load(); 

そして、それはそれだ：私は単純に（私たちは私の場合はデスクトップ上にしている場合）、自動的に各ビデオのsrc属性を更新するために、次のスクリプトを使用（関連SOここで答えます）！モバイルデバイスにはもう何もロードされず、ロードするデバイスまたはロードしないデバイスをきめ細かく制御できます。

希望すると、誰かに役立ちます。