返回首页 | 网站案例 | 帮助中心

合作共赢、快速稳定、服务地方的网站建设提供商

北京网站建设

服务热线:13812345678

HTML5中如何应用媒体元素

时间:2014-7-7

   要想播放音频或视频文件,需要分别使用audio或video元素,这两个元素很相似,它们具有相同的属性和子元素,而它们的关键区别只在于所传输的媒体类型,在最简单的情况下,这两个元素中的每个元素都只需要一个src属性,这个属性是所要播放的媒体文件的路径:
   <audio src="foo.oga"></audio>
   <video src="foo.gov"></video>
   显示的结果取决于使用了哪个元素.如果使用了video,则可以查看到原始尺寸视频文件的第一个画面;如果使用了audio,则什么都查看不到.无论使用了哪个元素,用户都无法播放文件,这是因为缺少屏幕控件;可以通过controls属性来添加这类控件:
   <audio src="foo.oga" controls></audio>
   <video src="foo.ogv" controls>>/video>
   现在就可以看到每种元素的屏幕控件了,读者可以在文件media-elments.html中自主查看.建议在Chrome,火狐或Opera浏览器中查看这个文件,其原因将在后文中进行说明.
   如果使用上述属性,媒体文件只能在用户请求时播放,且只能播放一次,如果使用autoplay属性,则可以令文件在加载之后篱笆使用loop属性可以令文件无限循环播放;这两个属性都为布尔型属性,所以它们不需要任何值.

 


建站流程

    北京网站建设流程