多语言展示
当前在线:1203今日阅读:2今日分享:38

怎么在网页中播放视频之一:HTML5视频嵌入

在信息量越来越大的今天,越来越多的网站重视数据信息的多样化与个性化,随着多媒体技术逐渐发展提高,在线展示视频、音频、PPT、图表等技术也越来越多地应用到了各行各业中,无论是企业还是个人,都在改变着自己的网站风格,下面就来谈谈怎么在网页中播放视频。在线播放视频方法很多,本经验是其中之一,即HTML5视频嵌入。
方法/步骤
1

在网页中使用HTML5视频嵌入技术最大的优点就是不需要任何第三方插件(比如 Adobe公司的Flash)就能播放。不需要第三方插件带来的好处就是资源占用更少,想想如果一个网站上嵌入好多flash那该有多慢啊,还好有HTML5视频嵌入技术可以完好地解决这个问题。那么它的配置复杂吗?很简单!

3

这个是下载后的目录。

4

先把要用到的js\css\swf都加载到html页面上。如:   

5

加入下面的代码:只要记住:修改width='640' height='480'来改变视频显示大小,修改src='Wildlife.mp4'来改变要显示的视频。

6

然后打开html文件查看效果吧,它有暂停、音量控制、全屏等功能,还有好多其他功能,比如字幕等,这个以后再写。

7

全屏后的效果:

8

下面看看各个浏览器的效果:

9

Firefox:

10

Chrome:

11

360:

12

IE:

13

可以看到,IE播放是有问题的。解决IE不能播放的问题很简单。加入:意思是:如果是IE浏览器就将视频替换为传统的以FLASH形式播放。

14

再看看效果,呵呵,好了。

15

下面附全部代码截图,纯代码发上来不显示,没办法了。

推荐信息