Web前端开发》课程理论教学部分/第九讲:音频与视频 从网络上的视频说起 13HTML5 Audio和vdeo的限制 虽然HTML5增加了音频和视频的元素,但是有些功能目前仍然没有 得到HTML5的支持。 (1)流式音频和视频。目前HTML5中没有视频比特率切换的标准 ,所以HTML5对视频的支持只限于加载的全部媒体文件。 (2)HTML5的媒体受到HTTP跨源资源共享的限制。 (3)HTML5自身无法在视频全屏播放时进行脚本控制。这个功能 的缺失是出于安全的考虑,但是可以通过浏览器自身的功能进行解 决 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.4
web前端开发》课程理论教学部分/第九讲:音频与视频 从网络上的视频说起 1.4浏览器对HTML5的Audo和 Video元素的支持 browsers Chrome 26 的收n 468 320 30 vi fe elemene Poster image support Yes v MPEG4 su H.264 support Or Theora suppe Ye v 20 OR Ot Opus support 具体的支持情况可以通过网站查询:htp:/html5 test. com。 河南中医学院互联网应用技术研究所http://labs.51xueweb.cn/2013.4
Web前端开发》课程理论教学部分/第九讲:音频与视频 video和 audio元素 21在HTML4页面中播放音频和视频的方法 操作演示: 示例9-1:在HTML4页面中播放音频或视频 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.4
Web前端开发》课程理论教学部分/第九讲:音频与视频 video和 audio元素 21在HTML4页面中播放音频和视频的方法 在HTML4页面中播放音频和视频的不足是非常明显的。 1)冗长的代码,且非常不简洁。 2)需要使用第三方插件,如果用户的计算机没有安装相应的插件 则视频就无法播放 (3)需要结合使用< object>和< embed>元素,并且需要添加大量 的属性和参数,代码的书写难度非常高 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.4
Web前端开发》课程理论教学部分/第九讲:音频与视频 video和 audio元素 22在HTML5页面中播放音频和视频的方法 在HTML5中,新增加了 video和 audio两个元素。 video元素专门用 来播放网络上的视频, audio元素用来播放网络上的音频。使用这两 个元素后,就不需要其他插件了,只要浏览器能够支持HTML5的这 两个元素并且能够支持音频、视频文件的编解码器即可。同时,代 码的书写方法也非常简单、清晰、简洁。 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.4