视频短代码插件 v1.2

2012.01.18 33 Comments 6,069 views

我终于忍不住朝插件下手了,捣鼓出一个插件来,核心代码来源于水煮鱼这一篇,我只是将其扩展了几个,然后插件化,代码应该不累赘。为什么要制作这个插件?先按下不表……

插件效果

视频短代码插件界面 在文章编辑时使用视频短代码,能够方便的加入视频。支持国内大部分视频网站。
给个插件设置截图(右图点击放大),应该能明白了吧。

v1.1更新:短代码按钮采用Wp3.3新API;新增bilibili.tv视频支持
v1.2更新:自动加上“/”结尾符号,再也不要手动加上啦(原来手动加上的没有影响)

使用教程

1. 下载安装插件。
2. 启用插件后进入控制面板,在“设置”栏目下找到“视频短代码”,点击进入。
3. 自己根据所使用主题的文章布局宽度来设置播放器尺寸。
4. 在文章编辑时,在HTML模式下,提供按钮可以方便的插入短代码。

自我F&Q吐槽

WordPress明明有有“中国视频网站视频自动嵌入”的功能嘛!
“中国视频网站视频自动嵌入”这个功能不是很稳定,往往在<p>标签中才转换,比如我希望文章开头或结尾加如视频,就无力了,还要自己输入<p>标签……而且这个插件支持的更多。

为什么要把播放器都设置成统一尺寸?
个人观察,一般日志中插入视频都是使用官网提供的播放器尺寸,大多数都造成左右两边大片空白……而且应该没有人会纠结于类似左右图文排版的这种视频排版需求吧……所以,让视频扩大到一整块,看着舒服。

为什么要折腾出这个插件?
夹带私货注意! ……是这样子的,因为Deve主题顶部的导航栏是fixed固定最顶层。但插入视频的时候,优酷等这种视频flash会在最上层,滚动浏览器的时候flash碾过导航栏,违和啊……虽然可以改动HTML代码来避免,但不方便啊,然后有高人引荐水煮鱼那篇,索性就依葫芦画瓢弄来个全兼容,顺带在<embed>标签里加上wmode="opaque",避免flash在最顶层~

我觉得在短代码中加入.swf后缀的网址有违Wordpress这个短代码的精神……但是没有办法,目标网址必须要和flash中的地址有关联才行,国内只有优酷、土豆、酷6才符合,其他的只能将就用其网址分享中提供的.swf地址了。还有些小视频网站的flash地址是随机生成+极不规则……你妹!

PS:如果以后取消这个插件,之前文章中加入视频短代码的网址会为链接形式。
PS2:Deve主题中已经集成了这个功能,请勿使用这个插件,否则必然会冲突的啦。


找视频测试的时候发现EVA·破的这个BD预告没有看过……看来我OUT了很久了。再看一次还是很带感的!

Related Posts:

无觅相关文章插件,快速提升流量