-1

サイトへの iOS 訪問者には、他の訪問者とは異なるホームページが表示されるようにする必要があります。通常のホームページには短いビデオがあり、Windows と Android デバイスの両方で完全に読み込まれて動作します。問題は iOS デバイスにあり、すべてのデバイスがそれをロードし、ビデオの上に再生 (開始) 矢印を表示します。

これは望んでいたことではなく、iOS の訪問者は、ビデオに矢印が重なって表示されるのではなく、静止 (ポスター) 画像のあるページにリダイレクトされることが決定されました。その結果、彼らはビデオをまったく見ることができなくなります。

iOS デバイスのウィンドウ サイズは既知であるため、ビューポートを使用してウィンドウ サイズを検出し、これらの訪問者のために新しいページを読み込むことを計画しました。

誰かがこれを達成するためにきれいなJSを提供できますか? または、これを行うより良い方法はありますか？

ティア

4

1 に答える 1

0

ウィンドウや画面のサイズは、ユーザーがブラウジングしているデバイスを判断するのに適した方法ではありません。多くのデバイスの画面解像度は同じで、毎日新しいデバイスがリリースされています。クライアント デバイスを特定するには、ユーザー エージェント文字列を使用する必要があります。

var ios = /(iPhone|iPad|iPod)/g.test(navigator.userAgent);

ios は、ユーザー エージェント文字列に 3 つのデバイス名のいずれかが見つかった場合は true になり、そうでない場合は false になります。これに基づいて表示するビデオを決定するか、必要に応じてリダイレクトできます。

JS を使用せずにさまざまなデバイス間で非常に優れたビデオ互換性を提供したい場合は、こちらのリソースを参照してください: http://camendesign.com/code/video_for_everybody

于 2013-07-18T20:33:21.633 に答える