下面介绍的三种标签都是HTML5 新增的标签。
embed 标签
<embed> 标签用于定义嵌入的内容,比如插件。其语法格式如下:
<embed src="helloworld.swf" /> <!-- src 是地址 -->
例子如下:
<!-- 下面插入一段视频 -->
<embed src="http://player.youku.com/embed/XNDUxMjQwNTAxMg==" allowFullScreen="true" width="480" height="400" />
audio 标签
audio 标签用于定义声音。其语法格式如下:
<!--
src 是地址,
autoplay 是自动播放,
controls 是显示控件,
loop="n" 是循环多少次,n=-1 代表无数次
-->
<audio src="someaudio.wav" autoplay controls loop="2"> </audio>
不同浏览器支持的播放格式是不一样的,如下图所示:
为了让浏览器达到兼容,需要这三种格式都支持,多浏览器支持方案如下:
<audio controls autoplay>
<!-- 浏览器会从上到下依次尝试能使用的格式
当xxx 不能用时,去用yyy
当yyy 不能用时,去用zzz -->
<source src="xxx.mp3" />
<source src="yyy.ogg" />
<source src="zzz.wav" />
<!-- 当以上三种格式都不支持时,会显示下面的文字 -->
您的浏览器不支持 audio 标签。
</audio>
video 标签
video 标签用于播放视频。其语法格式如下:
<video src="xxx" autoplay controls loop="2" width="500" height="300"></video>
video 元素支持的三种视频格式如下所示:
多浏览器方案如下所示:
<video src="xxx" autoplay controls loop="2" width="500" height="300">
<!-- video 标签支持三种视频格式,分别是mp4,ogg 和 webM -->
<source src="xxx.mp4" />
<source src="xxx.ogg" />
<source src="xxx.webM" />
<!-- 如果以上三种格式都不支持,就会显示下面的文字 -->
您的浏览器不支持视频播放
</video>
(本节完。)