季节不曾为我赶路SorryDreams的Blog

SorryDreams和他的博客

“带着没有答案的问题,茫然,孤独,从城市的深处,支离破碎的蓝天都一样”

blog header

在网页中插入flash的标准方法(一)

插入 flash ?复制黏贴代码不就行了,这还需要学吗?需要,如果你想让你的网页符合w3c标准,又不想用插件的话。

在进一步阅读本文之前,请先看一个例子

我很喜欢的放牛班的春天童声合唱团的演唱会:

这一段视频来自国内视频站优酷,优酷等大型视频站都会提供转帖功能,优酷给出的这段视频的代码如下:

<embed src="http://player.youku.com/player.php/sid/XNDEyNDY3MzI=/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"></embed>

然而你在本页看到的视频的实际代码,经过我的修改如下:

<object type="application/x-shockwave-flash" width="480" height="400" data="http://player.youku.com/player.php/sid/XNDEyNDY3MzI=/v.swf">
<param name="movie" value="http://player.youku.com/player.php/sid/XNDEyNDY3MzI=/v.swf"/>
</object>

完全一样的效果,而且在各种浏览器中保持了一致的兼容性,后一种写法摒弃了embed,因而符合 w3c 的标准。你需要修改的只是自定义适当的长宽比例,和这段视频的flash地址。这对于转帖大部分视频站的视频都是有效的。

再看一个例子:

这是在网页中插入 MP3 。在 wordpress 中插入 MP3 ,大部分人喜欢用 wordpress 的一个现成的插件 audio player,不可否认它是一个很出色的插件,有很漂亮的js效果,使用起来也很方便,但需要在网页中额外的加入js和css,这会降低网站的加载效率。

另一方面,从网站文件托管的角度出发,我觉得把媒体文件上传到土豆、优酷这些媒体分享网站,既能保证速度,又不用担心被盗链。如果你的mp3被迅雷搜索到了的话,也许一天就能耗掉你整整一个月的流量上限。在以后的文章中,我会介绍完整的文件托管的思路——如何从零成本的角度出发,把你网站上的图片、mp3媒体文件托管到可靠的空间,如何针对图床突然崩溃而采取预防措施(比如Picasa在国内无法访问)。

回过头来看上面一段 mp3 ,土豆的代码如下:

<object width="420" height="363"><param name="movie" value="http://www.tudou.com/v/4OIfmCUs-cI"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="opaque"></param><embed src="http://www.tudou.com/v/4OIfmCUs-cI" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" width="420" height="363"></embed></object>

经过我的修改后如下:

<object type="application/x-shockwave-flash" width="420" height="24" data="http://www.tudou.com/v/4OIfmCUs-cI">
<param name="movie" value="http://www.tudou.com/v/4OIfmCUs-cI&qrgb(0, 0, 128); font-weight: bold;”>/>
</object>

是不是简单多了?和上一段视频不同的是,我把高度从363改成了24,使之更像mp3播放器。

细心的朋友可能会发现,我所介绍的插入flash的方法,仅仅能够自定义宽度、高度和flash地址三个元素,如果存在更多需要定义的地方,就无能为力了。没错,更多关于如何在网页中插入符合 w3c 标准的flash文件,请关注后续文章。:)

分享和收藏:
  • Google Bookmarks
  • 开心网
  • 校内网
  • 百度搜藏
  • 豆瓣
  • 豆瓣九点

欢迎访问季节不曾为我赶路,如果你喜欢我的文章,请订阅我的博客

相关文章

转载请注明,转载自:季节不曾为我赶路SorryDreams的Blog[http://blog.frompku.com] 本文链接: http://blog.frompku.com/2009/09/%e5%9c%a8%e7%bd%91%e9%a1%b5%e4%b8%ad%e6%8f%92%e5%85%a5flash%e7%9a%84%e6%a0%87%e5%87%86%e6%96%b9%e6%b3%95%ef%bc%88%e4%b8%80.html

2 Comments, 留言 or 引用

  1. 强烈支持,多亏你这个方法,帮我解决了flash的W3C标准问题

    [回复]

    SorryDreams 回复:

    呵呵,flash的方法还算比较容易解决。标准也是在不断完善中的,期待w3c能够早日支持embed,这样以后要用到flash的时候也不需要这么麻烦。

    [回复]

发表评论

(Ctrl+Enter)