html5怎样播放swf格式的视频

html-css021

html5怎样播放swf格式的视频,第1张

假如swf文件名为demo.swf跟html页面在同一目录下,代码如下:

如果浏览器支持html5的video标签

<videosrc="demo.swf"controls/>

src属性 () 设备要播放视频的名称(可以多个), control的布尔值用来调整是否显示播放控制栏. 完整的属性列表如下所示:

下面是一使用了多个属性的示例,也包括一个备用(fallback)的错误信息(当浏览器不支持video标签时显示).

<videosrc="demo.swf" width="320" height="240" autoplaycontrolsloop>

Your browser does not support the video tag.

</video>

如果不支持的话可以用object加载,前提是浏览器安装了flash插件

<object data="videoplayer.swf" type="application/x-shockwave-flash">

<param name="movie" value="demo.swf"/>

<embed src="demo.swf"/>

</object>

转成ogg或mp4,

用html5的视频标签

例如

<video src="/i/movie.ogg" controls="controls">

your browser does not support the video tag

</video>

html转换成SWF格式的方法:

由于Flash被苹果拒之门外,很多开发者在开发产品时都不得不在Flash和HTML5之间做出选择。今天Google发布的一个新工具让天平再次偏向HTML5这边,它就是Swiffy。

Swiffy可以把Flash文件转换成HTML5标准。该项目源于Google移动广告团队,开发动机就是有些设备不支持Adobe的格式,因此无法显示Flash动画。有了这个工具,你只需上传.swf文件,然后就可以将其转化为HTML5标准,显示效果和Flash一样(文件格式为JSON)。

Google称这个转换工具还不支持完全基于Flash的游戏,但是支持向量图形、嵌入式字体、图片、动画等。下面就是一个演示效果截图「上面为Flash动画,下面为经Swiffy转化后的动画」,你可以点击这个链接亲自体验。

Swiffy目前只是一个实验项目,但对开发者来说非常有用。与此同时,反Flash的苹果肯定在偷着乐吧。 除了这款Flash转化工具之外,Adobe今年3月份自己也推出一款转化工具Wallaby。

Flash 大红大紫的日子已经过去了,浏览器厂商们齐心协力整出了 HTML5 标准,抢 Flash 的饭碗;乔教主坚决不让 iPhone 支持 Flash,Adobe 心都挖凉了。现在 Google 也推出了 Swiffy,免费把 SWF 格式转换为 HTML5 代码,赤裸裸的挖墙脚啊。

Google Swiffy 目标用户是网络开发人员,它不能转换 Flash 视频,但对大多数 Action Script 交互型 Flash 支持良好。用户只需将 SWF 文件上传,转换非常快。输出的 HTML 代码会用到一些 SVG 特性,目前只有 webkit 内核浏览器支持;这意味着输出的代码仅仅在 Safari/Chrome 上可用,自然,iOS 自带浏览器也会支持。