您的浏览器不支持HTML5 VIDEO

html-css09

您的浏览器不支持HTML5 VIDEO,第1张

html5的video标签只有部分浏览器支持,对于IE只有9.0+以上的版本才支持,所以对于视频播放要做兼容,下载所需要的源文件:html5media.min.js,flowplayer.controls.swfflowplayer.swf即可解决。详细步骤:

1、首先下载所需要的源文件:html5media.min.js,flowplayer.controls.swfflowplayer.swf。

2、然后将解压后的js文档和swf文档放在同一目录下,在head部分引入js文档,

3、然后在要引入视频的位置放入video标签,通常放置在div内

4、width:为视频播放宽度,height:为视频播放高度,如果视频大笑适中这里可以不设置,播放器会自动加载视频的原始大小。

如果视频原始大小太大,但不清楚比例,可以只设置高度或者宽度。另外一个设置为auto自动适应,这样视频不会变形。

如果想要视频自动播放,可在video标签中加入autoplay标签。

5、src为视频源文件的路径,poster为视频播放前显示的图片。为播放切换的自然,这里可以设置成视频播放的第一个画面截图。

preload:为预加载视频,设置为auto代表自动加载。

source标签可以省略,但是video标签内的src属性不能省略,如果省略,在IE浏览器中会报错。

所以最后精简后的源码可以如下图所示这样。

6、如果调试过程中,其他浏览器没有问题,但是ie总是有问题的话,清空ie浏览器的缓存再调试。清空缓存步骤如下,先找到Internet工具

7、进入后,点击浏览历史下面的删除按钮。

8、清除如下内容即可,完成后,再用IE刷新页面。

款很棒的

HTML5

视频播放器作为下一代的网页语言,HTML5

拥有很多让人期待已久的新特性,其中之一就是

video

标签,让开发者可以在网页中和添加图片一样简单的方式添加视频。1、VideoJSVideoJS

是最流行的

HTML5

视频播放器,免费、开源,可使用

CSS

轻松定制皮肤,支持全屏,在不支持的浏览器自动切e799bee5baa6e4b893e5b19e31333433623063换为

Flash

播放。2、SublimeVideoSublimeVideo

是一个独特的基于云概念的

HTML5

视频播放器,功能强大,可惜不是免费的。3、Open

Standard

Media

(OSM)

Player由

Alethia

Inc

开发,是集全功能于一体的网络播放器,非常不错。4、Video

for

EverybodyVideo

for

Everybody

让你在网页中嵌入一小段代码就能支持

HTML5

视频,在不支持的浏览器中自动切换为

Flash

播放。5、Kaltura

HTML5Kaltura

HTML5

视频解决方案

兼容所有主流浏览器,采用独特的

fallback

机制。6、FlareVideoFlareVideo

Alex

MacCaw

开发,他是一位Ruby/JS开发者,FlareVideo主要特色:在不支持

HTML5

视频的情况,用Flash作为替代方案可轻松自定义主题支持全屏完全开源和免费用于商业用途7、Projekktor全文