HTML 学習の概要 9_html/css_WEB-ITnose

1. オーディオとビデオを埋め込む

オーディオ クリップの場合、従来の配信方法は または タグを使用してクリップを埋め込みます。これを行うには

2. タグの導入

(1) 単純な は次のとおりです。 /video>

タグは、Web サイト訪問者のニーズに応じてさまざまな属性やメソッドで使用できるため、設定が簡単になります。

width 属性と height 属性を使用して、Web ページに表示されるビデオの幅と高さを設定します。例:

(2)controls 属性は、ブラウザーに一連のデフォルトの再生コントロールを表示するかどうかを決定します。実際、controls 属性が適用されない場合、Web ページの訪問者はビデオを再生できません。 Web ページ全体を転載しない限り。

controls 属性の例は次のとおりです:

(3) preload 属性は、ブラウザにビデオのダウンロードをすぐに開始するように指示します。この要素に遭遇します。

(4) 以下に示すように、loop 属性はブラウザにビデオの再生終了後すぐに再生するように指示します。

(5) autoplay 属性により、Web ページに読み込まれた直後にビデオが再生されます

上記の属性をまとめると、実際のアプリケーションでのビデオ要素が生成されます:

タグを使用してビデオを視聴するには、次のように タグを使用していくつかの追加要素を追加できます。 Shockwave-flash" width="320 " height="240" allowedscriptaccess="always" allowedfullscreen="true">

4. タグを通じてオーディオを再生します

(1) タグ シンボルはさまざまなソース ファイルをサポートしていますが、汎用形式がないため、最も幅広い視聴者をサポートするにはオーディオ ファイルを複数回エンコードする必要があります。 タグと同様に、 も

コントロール、自動再生、ループ、プリロードなどの属性をサポートします。したがって、 タグと タグの構文上の本質は同じです。

ビデオ ファイルと同様に、古いバージョンの IE のユーザーのニーズを満たすために、オーディオ ストリームも Flash オブジェクトに埋め込む必要があります。

(2) 古いブラウザでのオーディオの再生

ビデオと同様、古いブラウザでオーディオを再生するには、 タグを使用する必要があります。通常、src と autostart の 2 つの属性が使用されます。 src はオーディオファイルのリソースファイルの場所を設定します。 autostart は、Web ページに読み込まれた後にオーディオ クリップを自動的に再生するかどうかを制御します。

デフォルトでは、 インクルードは自動的に再生されます。それほど多くを望まない場合は、以下に示すように autostart="false" 属性タグを追加できます:

もう 1 つの一般的に使用される &lt ;embed> タグ シンボルの属性はループです。ループ属性が true または無限に設定されている場合、オーディオ ファイル セグメントは再生直後に再生されます。この属性は、オーディオのみを指定することもできます。ただし、デフォルトではオーディオ ファイルは 1 回のみ再生されるため、loop 属性を省略して false に設定しても同じ効果があります

HTML 学習の概要 9_html/css_WEB-ITnose

関連記事