html5 swf在线播放,html5怎样播放swf格式的视频

本文介绍如何在HTML5中使用video标签播放SWF文件,并提供了代码示例。同时探讨了当浏览器不支持video标签时的备选方案,即通过object标签加载Flash插件实现播放。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

假如swf文件名为demo.swf跟html页面在同一目录下,代码如下:如果浏览器支持html5的video标签<videosrc="demo.swf"controls/>src属性(http://www.w3.org/TR/html5/video.html#the-source-element)设备要播放视频的名称(可以多个),control的布尔值用来调整是否显示播放控制栏.完整的属性列表如下所示:下面是一使用了多个属性的示例,也包括一个备用(fallback)的错误信息(当浏览器不支持video标签时显示).<videosrc="demo.swf"width="320"height="240"autoplaycontrolsloop>Yourbrowserdoesnotsupportthevideotag.</video>如果不支持的话可以用object加载,前提是浏览器安装了flash插件<objectdata="videoplayer.swf"type="application/x-shockwave-flash"><paramname="movie"value="demo.swf"/><embedsrc="demo.swf"/></object>

阅读全文 >

Fanvas是一个把swf转为html5 canvas动画的系统,由两部分组成:Actionscript实现的解析器、js运行库。Flash做动画是最成熟最高效的方式,但由于终端基本不支持Flash播放,这给终端的动画制作带来了不少麻烦。Fanvas是Flash和Canvas的完美结合,可以把swf(包括矢量和位图)完美地转化为canvas动画,让美术妹子一次制作,到处运行。。。嘿嘿~~~让美术妹子也搭上H5的快车。技术难点:兼容swf的各种格式,主要是各种矢量命令和多种多样的图片格式;实现高效的html5运行库,自主实现了位图缓存、自动脏区识别、脏区重绘等技术。优势:能转化swfH5动画的工具,除了Fanvas还有大名鼎鼎的google和adobe的产品——swiffy和flashcc。 对比之下,Fanvas有如下优势:从swf文件直接转化为Html5动画(google的swiffy和adobe的flashcc都不支持,两个产品都需要通过fla源文件处理);精简编排的JSON数据,使swf转化后的js数据文件非常小,普遍比flashcc导出的要小20%到50%;精简的运行库,混淆后只有35k,gzip后只有10k左右。而swiffy和flashcc的运行库混淆后都超过100K;开源,可供使用者二次开发(请保留Fanvas字样或版权声明)。使用方法只需要一键导入swf,转化完成后一键导出canvas动画js。具体请参考bin目录的《使用说明》源代码说明exporter是as3.0实现的swf文件解析器,解析后输出json数据;runtime是js运行库,用于解析json数据,转化为最终canvas动画。DEMO示例http://kenkozheng.github.io/fanvas/magicEmotion/demo1/http://kenkozheng.github.io/fanvas/magicEmotion/demo2/http://kenkozheng.github.io/fanvas/magicEmotion/demo3/http://kenkozheng.github.io/fanvas/magicEmotion/demo4/ 标签:Fanvas
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值