2

私は現在、ビデオを使用して完全な背景のウェブサイトを構築しています。ユーザーのインターネットが遅くなった場合に備えて、背景画像をスライドさせます。私はそれをmodernizr、または可能であれば何らかの方法で達成したいと考えています。

私のコンセプト:
ユーザー帯域幅が速い場合->ビデオを使用し、
ユーザー帯域幅が遅い場合->画像スライドを使用します。

ここに私のコード。

<div id="con">
    <video width="320" height="240" controls>
        <source src="movie.mp4" type="video/mp4">
        <source src="movie.ogg" type="video/ogg">
    </video>
    <div id="imgslide" style="display: none;">
        <img src="img1.png"/>
        <img src="img2.png"/>
    </div>
</div>

ご協力ありがとうございます。

4

1 に答える 1

4

ここでわかるように、Modernizr では低帯域幅のテストが利用可能でした。

コメントで述べたように、検出はデバイス情報のみに基づいていました。

残念ながら、この問題により削除されました。

とにかく、他のメカニズムが効果的であることが示されています。また、 jsbandwidthforsight 、またはboomerangなどのライブラリを確認することもできます。

于 2014-03-16T19:28:04.620 に答える