0

私はWeb開発の初心者であり、この問題に頭を悩ませています。

ビデオを撮り、mp4ファイルとismファイルにエンコードしました。2つの異なるビデオタグがあります。1つは各ファイルを再生します。私が取り組んでいるWebサイトでは、Webサイトがモバイルデバイスで表示されている場合はビデオタグの1つを使用し、そうでない場合はもう1つのビデオタグを使用したいと思います。現在、ウェブサイトはHTML5です。あなたが与えることができるどんな助けにも感謝します！

4

2 に答える 2

0

video タグはすでに代替ソースをサポートしています。この記事では、ビデオに複数のソースを含める方法について説明します(一部のブラウザーは特定のコーデックで動作しないため)。そのようです：

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

モバイル チェックには、JavaScript CSS メディア クエリを使用できます。

function isMobile() {
    return window.matchMedia( "(max-width: 320px)" );
}

この記事を見る

于 2013-02-27T22:37:40.623 に答える
0

UserAgent ベースの検出を使用して何を表示するかを決定するか (維持する必要があるためお勧めしません)、canPlayType()使用しているコーデックを使用してブラウザーがサポートしているかどうかを確認することができます (より良いオプション)。

于 2013-02-27T22:26:27.797 に答える