HTML5マルチメディアタグとビデオタグ

HTML5マルチメディアタグとビデオタグ

  1. マルチメディアラベル
    オーディオタグは<audio src="文件地址" controls="controls"></audio>
    限定フォーマットをサポートし、3つの主要フォーマットをサポートします
    1.Ogg Vorbis(使用済み)
    2.MP3(共通)
    3.Wav
    プロパティ:
    1.autoplay = "autopaly"(準備完了直後のオーディオ再生、Googleブラウザは自動的に無効になりますplay)
    2.controls =“ controls”(再生ボタンなどのコントロールをユーザーに表示します。ブラウザごとに異なるコントロールが表示されます)
    3.loop =“ loop”(オーディオが終了すると再生を再開します)
    4.src = ""(再生するファイル名)
    ブラウザによってサポートされる形式が異なるため、このオーディオ用に複数の形式を準備する必要があります
<audio controls="controls">
            <source src="happy.mp3" type="audio/mpeg">
            <source src="happy.ogg" type="audio/ogg">
            您的浏览器不支持audio标签
</audio> 
  1. ビデオタグ
    ビデオタグビデオ
    フォーマット:
    1(一般的に使用される)のOgg
    2 MPEG 4(一般的に使用される)
    3. WebMの
    解く互換性:
<video controls="controls">
            <source src="move.ogg" type="video/agg">
            <source src="move.mp4" type="video/mp4">
            您的浏览器不支持video标签
</video>

一般的な属性:

autoplay = "autoplay"(自動再生、Googleは自動再生を禁止しています。自動的に再生するには、muted = "muted"(ミュート再生)属性を追加する必要があります)
controls = "controls"(再生コントロールを表示)
width = "... px"(プレーヤーwidth)
height = "…px"(プレーヤーの高さ)
loop = "loop"(ループ再生)
preload = "proload"(ロードを待ってから再生するかどうか)
src = "url"(ビデオアドレス)
poster = "imgurl" (待機画面の画像を読み込む)
muted =“ muted”(サイレント再生)

おすすめ

転載: blog.csdn.net/Angela_Connie/article/details/110120725
おすすめ