让文章中的视频flash代码符合w3c标准

来源:互联网 发布:nginx sticky1.1 下载 编辑:程序博客网 时间:2024/05/03 07:07

前面一直在折腾w3c标准,一直想做得完善些,所以这两天一直在修改以前的文章,以便让所有文章、页面均可以通过w3c的xhtml验证。不过还是先要声明两句:

1、或许有些同学使用火狐浏览器,安装了html validator插件,检测显示还是有错误。不过请看清楚,第一项其实是绿色的,也就是表示页面本身么有问题了。有问题的是因为放了google的广告,代码本身没有问题,但反映出的广告本身便存在问题了,这点我不知道如何解决,估计只有看google了。

2、之前说的WordPress插件:SyntaxHighlighter实现代码高亮其实没有问题,在此更正下,也就是说用它写的代码是可以通过w3c验证的,所以也不一定要完全废除,毕竟之前用得比较多,想要逐一修改还是比较耗时间的。

言归正传,该说到今日的主题了。在文章中插入视频,这是很常见的,有些时候也是必要的。不过从一些视频网站得到的代码一般都是embed标签的,而这点是通不过w3c验证的,所以要做些许的修改。方法据说有很多,不过只介绍个人认为简单易行的。

完全符合 W3C 标准的 Flash 插入代码示例:
<object type=”application/x-shockwave-flash” data=”flash.swf” width=”65″ height=”65″>
<param name=”movie” value=”flash.swf” /></object>

怎么样,非常的简单吧,其中flash.swf换成需要插入的视频地址,而宽、高自行定义。一般视频500*400或者400*300就行,音频的话260*26就行,当然完全自定义设置。听说有人反映上面的代码并不兼容ie,个人测试没有问题,还请测试有问题的童鞋多多反映,我好改善。

效果看看我之前的两篇文章就知道了,均通过验证。老婆讲故事——两只笨狗熊、心无愧疚。

除此之外,还可以对里面的param标签作进一步的设置,下面给出一些常用设置:

全屏:是否允许全屏,默认为否
<param name=”allowFullScreen”  value=”true” />

传参:传递参数给 swf 使用(多个参数使用 & 链接)
<param name=”FlashVars” value=”xml=flash.xml” />

背景:设置 Flash 背景色(如一些圆角 Flash 动画)
<param name=”bgColor” value=”#ff6600″ />

菜单:设置 Flash 右键菜单,用来去掉一些默认的菜单只留下了设置和关于:
<param name=”menu” value=”false” />

品质:设置 Flash 播放品质,可用参数是low medium hight best 等:
<param name=”quality” value=”high” />

窗口:设置 Flash 窗口模式,可用参数 Window 默认值,始终位于html的顶层; Opaque 允许 Flash 上层可以有网页的遮挡; Transparent 背景透明,将有可能降低 Flash 的性能,但最为常用:
<param name=”wmode” value=”default” />

路径:设置 Flash 相对路径的参考位置:
<param name=”base” value=”url” />

缩放参考:设置 Flash 缩放参考点,可用参数 L 左侧; R 右侧; T 上侧; B 下侧; TL 左上;TR 右上; BL 左下; BR 右下,如果不设置默认以中心作为参考点:
<param name=”salign” value=”TL” />

缩放模式:设置 Flash 缩放模式,可用参数是 showall 即显示全部内容,保持比例,但是上下或者左右可能有空白; noborder 即缩放并裁减内容,保持比例但是不留空白; exactfit 按照 Flash 设置的高度和宽度缩放,不保持比例; noscale 不放缩,原始比例。
<param name=”scale” value=”default” />

转载请注明:源自分文网里的让文章中的视频flash代码符合w3c标准