声音格式
WAVE 是因特网上最受欢迎的无压缩声音格式,所有流行的浏览器都支持它。如果您需要未经压缩的声音(音乐或演讲),那么您应该使用 WAVE 格式。
MP3 是最新的压缩录制音乐格式。MP3 这个术语已经成为数字音乐的代名词。如果您的网址从事录制音乐,那么 MP3 是一个选项。
视频格式
推荐使用MP4
<object>
元素所有浏览器都支持,元素定义HTML定义文档的嵌入式对象,它将插件(例如 Java applet,PDF阅读器和Flash播放器)嵌入网页中,但也可以用于将HTML文件嵌入到HTML中
<object width="100%" height="500px" data="snippet.html"></object>
也可以将图片嵌入当中
<object data='text.jpg'></obect>
<embed>
元素也支持所有浏览器,也可以定义HTML嵌入式对象
Web 浏览器长期以来一直支持 <embed>
元素。但是,它不属于 HTML5 之前的 HTML 规范的一部分。
<embed src="text.jpeg">
但是其没有结束标签,不能进行文本对嵌入的对象进行描述
其也可以对HTML进行嵌入
<embed width="100%" height="500px" src="snippet.html">
插件(Plug-in)是扩展浏览器标准功能的计算机程序。
插件被设计用于许多不同的目的:
- 运行 Java 小程序
- 运行 ActiveX 控件
- 显示 Flash 电影
- 显示地图
- 扫描病毒
- 验证银行账号
- 等操作
<embed height="100" width="100" src="song.mp3" />
但是浏览器如果想播放音乐要加载对应的插件才可以
向浏览器加入音频的最简单的方法是利用雅虎的播放器
雅虎播放器是免费对外开放的
只需要在HTML底部的JavaScript加入如下代码即可
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
然后就可以加入a标签将自己本地的文件链接到HTML文件中
<a href="song.mp3">Play Sound</a>
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
类似如上代码即可
视频的嵌入
也可以使用《object》和《embed》标签
但是很多浏览器不支持
最好的 HTML 解决方法
HTML 5 + <object>
+ <embed>
<video>
是 HTML 5 中的新标签。
<video>
标签的作用是在 HTML 页面中嵌入视频元素。
以下 HTML 片段会显示一段嵌入网页的 ogg、mp4 或 webm 格式的视频:
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls="controls" autoplay="autoplay">
<source src="/i/movie.ogg" type="video/ogg" />
<source src="/i/movie.mp4" type="video/mp4" />
<source src="/i/movie.webm" type="video/webm" />
</video>
</body>
</html>