HTML 5 07メディアタグ


メディアラベル

  • HTML 5からは、プラグイン機能を使用することなく、メディア(オーディオ、ビデオ)がHTMLドキュメントで直接実行できるようにするタグが提供されています.
  • オーディオラベル


    <audio>ラベル


    ツールバーの

  • src:オーディオファイルのパスを指定する
  • コントロール:再生ツール出力
  • を指定
  • 自動再生:自動再生(クロムX)
  • を指定
  • サイクル:
  • を繰り返し再生するかどうかを指定します.
  • プリロード:オーディオファイル
  • をダウンロードするかどうかを指定します.
    <audio src="../resources/audio/major.mp3" controls loop autoplay>
    	이 오디오를 듣기 위해서는 HTML5를 지원하는 최신 브라우저가 필요합니다.</audio>

    ビデオ関連ラベル


    <ビデオ>ラベル


    ツールバーの

  • src:ビデオファイルのパスを指定する
  • コントロール:再生ツール出力
  • を指定
  • autoplay:自動再生(クロムx)
  • を指定
  • サイクル:
  • を繰り返し再生するかどうかを指定します.
  • プリロード:ビデオファイル
  • をプリダウンロードするかどうかを指定します.
  • ポスター:再生前に出力画像ファイルのパスを指定
  • 幅/高さ:ビデオタグの幅と高さを指定する
  • <video src="../resources/video/video1.mp4" controls loop autoplay
    		poster="../resources/image/city1.PNG" width="400" height="250">
    	이 영상을 보기 위해서는 HTML5를 지원하는 최신 브라우저가 필요합니다.</video>