新媒体元素
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
- 属性
- 与audio一样
- height:高度
- width:宽度
- 使用DOM进行控制
function playPause()
{
//如果是关闭状态就让他播放
if (myVideo.paused)
myVideo.play();
else
//否则停止播放
myVideo.pause();
}
embed
- 示例
//嵌入flash动画
<embed src="helloworld.swf">
- 标签定义及使用说明
+ 定义了一个容器,用来嵌入外部应用或者互动程序(插件)。 - 属性
- height、width、 type、src
- height、width、 type、src