在HTML5中是如何来播放视频的跟我一

HTML4及以前如何播放视频

做过网页开发的应该都知道,在HTML5出现以前,我们在网页中嵌入视频是使用各种播放器的object,如mediaplayer、realplayer、flash播放器等等,有时候因为各种浏览器的兼容性不一致,还有根据浏览器的不同加载不同的播放器,实现起来非常的麻烦。

再后来,出现了一些收费的播放器,可以兼容相对较多的一些视频格式,但在程序开发者来看,网页中插入视频仍然是一种较难实现的行为(视频格式的多样性会导致兼容性和各种播放问题)。

HTML5中的视频播放Video

video元素支持多个source元素.source元素可以连接不同的视频文件。

HTML5支持的视频格式

HTML5中支持三种类型的视频播放,但不同的浏览器所能支持的不一样(现在想想,当年秦始皇统一六国货币、度量衡是多么的伟大)。

MP4=带有H.视频编码和AAC音频编码的MPEG4文件WebM=带有VP8视频编码和Vorbis音频编码的WebM文件Ogg=带有Theora视频编码和Vorbis音频编码的Ogg文件HTML5的视频播放控制

HTML5video和audio元素同样拥有方法、属性和事件。video和audio元素的方法、属性和事件可以使用JavaScript进行控制。其中的方法用于播放、暂停以及加载等。其中的属性(比如时长、音量等)可以被读取或设置。




转载请注明:http://www.aierlanlan.com/grrz/3798.html