yourbrowserdoesnotsupportthevideotag另外还可以通过使用source元素来为某一个媒体数据指定播放格式和编码方式，确保浏览器可以从中选择一种自己支持的播放格式进行播放。表7.2source元素的几个属性"/>

研究成果

注意事项

解决方案

计算方法

发展趋势

中国古代

社会主义

心理健康

控制系统

经济发展

建筑工程

传统文化

民事诉讼

中国传统

程序设计

解决方法

轨道交通

工程施工

研究结果

建设工程

文史资料

持续发展

计算机网

使用方法

› 首页 › 理论教育 ›HTML5多媒体：更丰富的内容体验

HTML5多媒体：更丰富的内容体验

时间：2023-06-03 理论教育 版权反馈
【摘要】：HTML5新增了两个多媒体元素——video元素和audio元素。目前浏览器对video元素和audio元素的支持情况见表7.1。video元素的使用也很简单，只要设定好元素的长、宽等属性，把播放视频的URL地址指定给该元素的src属性就可以了。DOCTYPEHTML>yourbrowserdoesnotsupportthevideotag另外还可以通过使用source元素来为某一个媒体数据指定播放格式和编码方式，确保浏览器可以从中选择一种自己支持的播放格式进行播放。表7.2source元素的几个属性

HTML5多媒体：更丰富的内容体验

HTML5新增了两个多媒体元素——video元素和audio元素。video元素用来播放网络上的视频或电影，audio元素用来播放网络上的音频文件。使用这两个元素后，不再需要其他插件，只要使用支持HTML5的浏览器就可以了。目前浏览器对video元素和audio元素的支持情况见表7.1。

表7.1　目前浏览器对video元素和audio元素的支持情况

这两个元素的使用方法都很简单，首先以audio元素为例，只要把音频的URL指定为该元素的src属性就可以了。具体如下：

<audiosrc="someaudio.wav">

您的浏览器不支持audio标签。

</audio>

video元素的使用也很简单，只要设定好元素的长、宽等属性，把播放视频的URL地址指定给该元素的src属性就可以了。具体如下：

<!DOCTYPEHTML>

<html>

<body>(www.xing528.com)

<videosrc="/i/movie.ogg"controls="controls">

yourbrowserdoesnotsupportthevideotag

</video>

</body>

</html>

另外还可以通过使用source元素来为某一个媒体数据指定播放格式和编码方式，确保浏览器可以从中选择一种自己支持的播放格式进行播放。浏览器的选择顺序依照代码的书写顺序，它会从上往下判断自己是否支持该播放格式，直到找到自己支持的播放格式为止，如下面的代码：

如果浏览器支持ogg格式，就播放horse.ogg，如果浏览器不支持ogg格式，就会继续往下找播放文件，如果浏览器支持mp3，则播放第二个源文件，如果浏览器既不支持ogg格式，也不支持mp3格式，又没有别的文件可找了，就显示“Yourbrowserdoesnotsupporttheaudioelement.”信息。

source元素的几个属性见表7.2。

表7.2　source元素的几个属性

免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。

我要反馈

有关移动商务网页设计与制作（第2版）的文章

相关推荐