HTML5视频和音频

来源:互联网 发布:苹果电脑系统数据恢复 编辑:程序博客网 时间:2024/04/29 18:20

HTML5 视频播放器

1、支持的格式

很多网站都提供视频展示,video支持以下格式

格式IEFireFoxOperaChromeSafariOggNo3.5+10.5+5.0+NoMPEG 49.0+NoNo5.0+3.0+WebMNo4.0+10.6+6.0+NoOgg = 带有Theora视频编码和Vorbis音频编码的 Ogg 文件
MPEG4 = 带有H.264视频编码和ACC音频编码的 MPEG 4 文件
WebM = 带有VP8视频编码和Vorbis音频编码的 WebM 文件

2、常用的video标签的属性


属性值描述autoplayautoplay如果出现该属性,则视频在就绪后马上播放。controlscontrols如果出现该属性,则向用户显示控件,比如播放按钮。heightpixels设置视频播放器的高度looploop如果出现该属性,则当媒介文件完成播放后再次开始播放。preloadpreload如果出现该属性,则视频在界面加载时进行加载,并与被播放。
如果使用"autoplay",则忽略该属性srcurl要播放的视频的URLwidthpixels设置视频播放器的宽度

HTML5 音频播放器

HTML 5提供了播放音频的标准


直到现在,仍然不存在一项旨在网页上播放音频的标准


今天,大多数音频是通过插件(比如Flash)来播放的。然而并非所有的浏览器都拥有同样的插件。


HTML 5规定了一种通过audio元素来包含音频的标准方法。


audio 元素能够播放声音文件或者音频流


1、音频支持的格式

格式IE 9FireFox 3.5Opera 10.5Chrome 3.0Safari 3.0Ogg Vorbis √√√ MP3√  √√Wav √√ √

2、audio 标签的属性

属性值描述autoplayautoplay如果出现该属性,则视频在就绪后马上播放。controlscontrols如果出现该属性,则向用户显示控件,比如播放按钮。looploop如果出现该属性,则当媒介文件完成播放后再次开始播放。preloadpreload如果出现该属性,则视频在界面加载时进行加载,并与被播放。
如果使用"autoplay",则忽略该属性srcurl要播放的视频的URL
0 0