HTMLシリーズ(7)：Multimedia_html/css_WEB-ITnose

1. video タグ

H5 には、オンラインでビデオを再生するための video 機能が追加されました:

コード例:

1 <video controls="controls">2     <source src="http://www.w3school.com.cn/i/movie.ogg" type="video/ogg">3     <source src="http://www.w3school.com.cn/i/movie.mp4" type="video/mp4">4  你的浏览器不支持Video标签5 </video>

src は video タグまたはsource タグに記述できます。< ;source> タグは、

ビデオにプロンプ​​トを追加します。ビデオをサポートしていないブラウザでは、この文は表示されません。ソース タグの属性は次のとおりです:

ブラウザがビデオをサポートしていないが、引き続きビデオを表示したい場合は、従来の Flash を使用して、「お使いのブラウザはビデオをサポートしていません」というプロンプトを置き換えることができます。鬼ごっこ"。オリジナルの通常の Flash メソッドに従って、video タグを直接書き込むだけです (Flash メソッドについては以下を参照)。

ヒント: video タグとsource タグは H5 の新しいタグであり、IE 8 以前のバージョンではサポートされていません。

さらに、H5 メディアは、古い IE ブラウザと完全に互換性のある JS クラス ライブラリを提供します。必要なのは、ヘッド内に次のコードをコピーするだけです:

<script src="http://HTML 5 media.googlecode.com/svn/trunk/src/HTML 5 media.min.js"></script>

H5 メディアは、依存しない JS クラス ライブラリです。どの JS フレームワークでも、H5 メディアを使用した後、ブラウザが H5 をサポートしていない場合は、Flash モードの flowplayer プレーヤーに自動的に切り替わります。

2. マルチメディア ファイルの埋め込み

HTML5 の新しいタグは、ページにあらゆる種類のドキュメントを埋め込むことができます。ドキュメントのコンテンツを正しく表示できるプログラムがユーザーのマシンにインストールされている必要があります。これは通常、マルチメディア形式を Web ページに挿入するために使用されます。 rm.mid.wavなど

autostart 属性を使用して、ダウンロード後にオーディオ ファイルまたはビデオ ファイルを自動的に再生するかどうかを設定することもできます (true: 自動的に再生します。false: 自動的に再生しません)。loop 属性を使用してビデオとオーディオのループ数を設定します。 。さらに、パネル表示、開始時間、ボリューム、コンテナのプロパティ、外観設定、説明テキスト、前景色と背景の色、配置およびその他のプロパティを設定することもできます。

ヒント: タグには src 属性が必要です。

object と object の違い: どちらもマルチメディア ファイルを再生するために使用されるオブジェクトです。object 要素は IE ブラウザーに使用され、embed 要素は非 IE ブラウザーに使用されます。互換性を確保するために、通常は 2 つの要素を使用します。同時に参照 ブラウザはサポートしていないタグを自動的に無視します。 2 つの要素を同時に使用する場合は、 タグを