2

Web ページでビデオを再生するには、ビデオ プレーヤーを追加する必要があります。通常、swfobject ライブラリの助けを借りて Flash Player を使用します。これは、Flash Player と JavaScript の両方が有効になっている場合に機能します。

現在、XHTML 1.0 strict doctype を使用しています。

私の質問は、doctype を HTML 5 doctype に変更し、HTML 5 ビデオを使用してビデオ プレーヤーを追加することはできますか。HTML5 をサポートしていないブラウザの場合は、javascript を使用できます。

この状態で、サポートされているブラウザではビデオは Flash Player と JavaScript なしで動作し、サポートされていないブラウザでは js サポートで動作します。

これは可能ですか？これは良い考えですか？

4

2 に答える 2

2

まず、 まだ出会っていない場合は、 http：//camendesign.com/code/video_for_everybodyを確認することをお勧めします。

とにかく、カスタムフラッシュの代替を提供したい場合、これは機能するはずです。 

<video width="..." height="..." controls="controls" preload="none">
  <source src="video/demo.mp4"  type="video/mp4" />
  <source src="video/demo.webm"  type="video/webm" />
  <source src="video/demo.ogv"  type="video/ogg" />
  <span id="flashAlternative">what, no flash+no html5? crazy!</span>
</video>
<script>
  swfobject.embedSWF( ..., "flashAlternative", ... ); 
</script>

明らかに、代わりにyoutube / vimeo / ...ビデオを使用したい場合は、スクリプトタグの代わりに埋め込みコードを配置するだけです。

<video width="..." height="..." controls="controls" preload="none">
  <source src="video/demo.mp4"  type="video/mp4" />
  <source src="video/demo.webm"  type="video/webm" />
  <source src="video/demo.ogv"  type="video/ogg" />
  <!-- embedding code here -->
</video>

このソリューションはどちらも、フラッシュビデオよりもhtml5ビデオを優先します。帯域幅の負荷にお金をかけたくない場合は、フラッシュを持っているすべての人にyoutubeビデオを表示し、それが利用できない場合にのみhtml5にフォールバックすることをお勧めします。その場合、次のようになります。

<object type="application/x-shockwave-flash" width="..." height="..." data="...">
    <param name="movie" value="..." />
    <video width="..." height="...">
        <source src="..." type="video/mp4" />
        <source src="..." type="video/webm" />
        <source src="..." type="video/ogg" />
        <!-- here comes the alternative for people who have neither flash, nor html5 -->
    </video>
</object>

埋め込みコードをyoutube/videoからコピーして内部のhtml5ビデオをスマッシュすることはできないことに注意してください。上記のように変更する必要があります（データとムービーの属性は両方ともswfファイルのソースを指定します。埋め込みタグは必要ありません！ ）。

于 2010-07-08T11:07:12.240 に答える
2

「HTML5」(HTML5 を使用する場合、これまでの主要なブラウザー ベンダーの実装をひとまとめにしています) には、<video>まだ合意されたコーデックがありません。そのため、異なるブラウザーは異なるコーデックを使用します。独自のものもあれば、そうでないものもあります。HTML5 doctype を使用できます<video>が、現在は を使用できますが、上記のいずれにも当てはまらない場合は、Safari 用に H.264 コーデック、Firefox 用に Ogg/Theora、および Flash をフォールバックとして使用する必要があります。ああ、Flash がインストールされていない場合は画像を、画像が無効になっている場合はテキストを、ユーザーへの手書きの手紙を忘れないでください...

だから何か...

<!DOCTYPE html>
...
<video>
    <source src='your_movie.ogv'  />
    <source src='your_movie.m4v'  />
</video>

他のニュースとして、 Safari と Quicktime は標準ではありませんという JW のブログのこの記事を楽しみました。

于 2010-06-12T10:17:09.840 に答える