HTML CSS 講座 トップページへ

ホームページ作成 いまさらHTML,CSS講座
|  Home  |  ホームページ作成の知識  |  HTML 講座  |  HTML TABLE 講座  |  スタイルシート(CSS) 講座  |  携帯サイト 作成 講座  |
[HTMLテンプレートカテゴリ] [未分類カテゴリ]

いまさらHTML,CSS講座トップ > HTML4.01 講座インデックス > 音声・動画
様々なブックマークサービスがご利用頂けます。

音声・動画

■ bgsound要素
ページに効果音を設定し、ページが読み込まれた時に指定したサウンドファイルを再生します。
src属性値にはデータの所在を URI で指定します。
対応データ形式 (拡張子)
  • MIDI (.mid / .midi)
  • WAVE (.wav)
  • AU (.au / .snd)
  • AIFF (.aif / .aiff)
■ balance属性
ステレオ再生環境の左右の出力を指定します。
値は、『 -10000 』 『 10000 』 で指定します。『 -10000 』 で左側のみ、『 10000 』 で右側からのみ出力されます。
■ volume属性
音量を設定します。値は 『 -10000 』 〜 『 0 』 で指定します。『 -10000 』 で最小、 『 0 』 が最大になります。
■ loop属性
再生回数を指定すします。値は整数で回数を指定、又は 『 infinite / -1 』（無限）を指定できます。
ソース  ソース
<bgsound src="object/05-0026.mid" loop="1">
 bgsound要素
Internet Explorer 2.0 以降のIEで独自に採用された要素です。また、訪問者側ではハードウェアのボリュームを調節する以外、ファイルの操作ができませんので、bgsound要素の使用はお勧めしません。
■ embed要素
音声・動画データやブラウザのプラグインを使ってプラグインデータを表示します。
src属性値にはデータの所在を URI で指定します。
表示可能データは、Flash(.swf)、MIDI(.mid)、Quick Time(.mov)、Shockwave(.wav)、AVI(.avi)、MPEG(.mpg)などがあります。
また、embed要素に未対応環境の方の為に、noembed要素で、プラグインのダウンロード先や、ファイルがダウンロードできるように代替指定しておきます。
ソース  ソース
<embed src="object/joke-world.swf" width="150" height="98">
<noembed>
<a href="object/joke-world.swf">フラッシュムービーが表示されない方は、こちらをクリックして下さい。</a>
</noembed>
表示  表　示
<a href="object/joke-world.swf">フラッシュムービーが表示されない方は、こちらをクリックして下さい。</a>
ポイント width属性、height属性
width属性と height属性は必須の属性ではありませんが、指定するようにしましょう。
訪問者のブラウザがページを読み込む際、予め画像サイズを指定しておけば、画像の読み込みを待たずに、画像サイズ分の領域を開け、先に他の要素を読み込む事が出来ます。結果、ページ全体の表示体感速度が早くなります。
ポイント embed属性
W3C の仕様では、embed要素の代わりに、object要素の使用が推奨されています。

■ データとテキストの配置　左右
align属性の値に、left right を指定する事で、テキストを回り込ませる位置を指定できます。
値
  • left (データの右側からテキストが回り込む)
  • right (データの左側からテキストが回り込む)
■ 回り込みの解除　clear属性
br要素に clear属性を指定することで途中で回り込みを解除することができます。
値
  • none (通常の改行)
  • left (align="left" の回り込み解除。指定後のテキストは画像の下の行に表示される。)
  • right (align="right" の回り込み解除。指定後のテキストは画像の下の行に表示される。)
  • all (align属性値 left、rightに関係なく回り込み解除。指定後のテキストは画像の下の行に表示される。)
■ データとテキストの配置　上下
align属性の値に、top middle bottom を指定する事で、テキストと画像の上下方向の揃え方を指定できます。また、指定しない場合の初期値は bottom に設定されています。
値
  • top (テキストと画像を上揃え。)
  • middle (テキストと画像を中央揃え。)
  • bottom (テキストと画像を下揃え。)
■ 自動再生の設定　autostart属性
プラグインデータの自動再生を設定します。
値
  • true (自動再生)
  • false (訪問者のクリックにより再生)
■ 繰り返し再生の設定　loop属性
プラグインデータの繰り返し再生を設定します。
値
  • true (無限に繰り返す)
  • false (1回だけ再生)
■ プラグインの表示 / 非表示の設定　hidden属性
プラグインデータの表示 / 非表示を設定します。
値
  • true (プラグインデータを非表示)
  • false (プラグインデータを表示)
ソース  ソース （クリック再生・一回再生・表示）
<embed src="object/sakura.wmv" width="160" height="162" autostart="false" loop="false hidden="false"">
表示  表　示

(C) いまさらHTML CSS講座 2002-2008 All right reserved