正在加载图片...
<h1>播放视频</h1> type="application/x-shockwave-flash data="FLVPlayer_Progressive. swf"width="673"height="378"> <param name="quality"value=high"> <param name="wmode"value="opaque"> <param name="scale value ="noscale"> <param name=salian"value="it"> <param name= FlashVars value="& MM_ComponentVersion=1& skinName=Corona_Skin & streamName=medias/QQ-AD-1& autoPlay=false & autoRe wind=false <param name="swfversion"value=8,0,0,0"> <h1>播放音频</h1> width=500" </embed> 通过这个案例,可以看到在HTML4页面中播放音频和视频的不 足是非常明显的。 (1)冗长的代码,且非常不简洁。 (2)需要使用第三方插件,如果用户的计算机没有安装相应的 插件,则视频就无法播放。 (3)需要结合使用< object>和< embed》元素,并且需要添加大量 的属性和参数,代码的书写难度非常高。 2.2在HTML5页面中播放音频和视频的方法 在HTML5中,新增加了 video和 audio两个元素。 video元素 专门用来播放网络上的视频, audio元素用来播放网络上的音频。使 用这两个元素后,就不需要其他插件了,只要浏览器能够支持HTML5 5《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ bs. 51xueweb cn5 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn <body> <center> <h1>播放视频</h1> <object type="application/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="673" height="378"> <param name="quality" value="high"> <param name="wmode" value="opaque"> <param name="scale" value="noscale"> <param name="salign" value="lt"> <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Corona_Skin_ 3&streamName=medias/QQ-AD-1&autoPlay=false&autoRe wind=false" /> <param name="swfversion" value="8,0,0,0"> </object> <h1>播放音频</h1> <embed src="medias/GeGe-ChangShilei.mp3" width="500" height="82"> </embed> <br><br> </center> </body> </html> 通过这个案例，可以看到在 HTML 4 页面中播放音频和视频的不 足是非常明显的。 （1）冗长的代码，且非常不简洁。 （2）需要使用第三方插件，如果用户的计算机没有安装相应的 插件，则视频就无法播放。 （3）需要结合使用<object>和<embed>元素，并且需要添加大量 的属性和参数，代码的书写难度非常高。 2.2 在 HTML 5 页面中播放音频和视频的方法 在 HTML 5 中，新增加了 video 和 audio 两个元素。video 元素 专门用来播放网络上的视频，audio 元素用来播放网络上的音频。使 用这两个元素后，就不需要其他插件了，只要浏览器能够支持 HTML 5