关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

html5中如何应用媒体元素

作者:佚名   时间:2014-07-07   分享到:

要想播放音频或视频文件,需要分别使用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属性可以令文件无限循环播放;这两个属性都为布尔型属性,所以它们不需要任何值.

 



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/hynews/20151126/n3367.html

上海联楷网络新闻