HTML5新媒体元素

新媒体元素

audio

• 示例

//controls表示向用户显示控件
<audio controls>
     <source src="house.mp3">
</audio>

• 标签定义和说明

  • 定义音频（声音）

  • 支持三种文件格式：MP3、Wav、Ogg

    浏览器	支持
    IE	MP3
    谷歌	3
    火狐	3
    欧朋	3

• 提示和注释 
  
  • 可以在 和 之间放置文本内容，这些文本信息将会被显示在那些不支持 标签的浏览器中。
• 属性

属性	描述
autoplay	音频自动播放
controls	向用户显示控件
loop	音频结束后自动重新播放
src	音频文件的URL
preload	当网页加载时，音频是否默认被加载以及如何加载

• preload可能的值： 
  + auto：当页面加载后载入整个音频 
  + mta：当页面加载后只载入元数据 
  + none：当页面加载后不载入音频

video

• 示例

<video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    您的浏览器不支持 video 标签。
</video>

• 标签定义及使用说明

  • 定义视频，比如电影皮那段和其他视频流

  • 支持3中格式：MP4、WebM、Ogg

    浏览器	格式
    IE	MP4
    谷歌	3
    火狐	3
    欧朋	3

  • 音频格式的 MIME 类型

    Col1	Col2
    MP4	video/MP4
    WebW	video/webm
    Ogg	video/ogg

• 属性 
  
  • 与ａｕｄｉｏ一样
  • height：高度
  • width：宽度
• 使用DOM进行控制

function playPause()
{ 
//如果是关闭状态就让他播放
    if (myVideo.paused) 
      myVideo.play(); 
    else 
    //否则停止播放
      myVideo.pause(); 
} 

embed

• 示例

//嵌入ｆｌａｓｈ动画
<embed src="helloworld.swf">

• 标签定义及使用说明 
  　+ 定义了一个容器，用来嵌入外部应用或者互动程序（插件）。
• 属性 
  
  • height、width、 type、src