2

非常に単純ですが、<video>次のようなタグがあります。

<video id="video" controls preload>
    <source src="media/video.mp4" type="video/mp4">
    <source src="media/video.webm" type="video/webm">
    <source src="media/video.ogv" type="video/ogg">
    Your browser does not support the video tag.
</video>

かなり標準的。ただし、基本的に iPhone で Safari から YouTube ビデオを見るように、組み込みのメディア プレーヤーを使用してモバイル デバイスでビデオを開くことを希望します。

どうすればこれを達成できますか？モバイル サイトは、jQuery Mobile を使用して構築されています。

また、タグtypeから属性を削除すると互換性が向上するとどこかで読んだと思います。<source>これは本当ですか？

4

3 に答える 3

1

これを行うには、新しい HTML5 Fullscreen API を使用してみてください。iOS5以降とAndroid 4.0以降でサポートされているようです

このチュートリアルを見るか、完全な仕様を読んでください。

typeまた、属性を削除するメリットについては聞いたことがありません。それを取り出すと、問題が発生する可能性があります。

于 2013-08-15T13:45:09.730 に答える
1

Video.jsはほとんどのブラウザーと互換性がありますが、モバイル ブラウザーのビューポートなどを設定する必要があります。

このチュートリアルは、おそらくもう少し役立つでしょう。

于 2013-08-14T12:27:49.907 に答える