利用WordPress短代码插入无广告的优酷视频

2013年03月4日15:30:45 85 23,534

注:本文的方法已失效,大家也不要到处找了,答案是没有。

之前写过一篇《引用优酷视频屏蔽广告代码》,其中的代码可以在Wordpress博客转载和引用优酷视频时屏蔽掉广告,但每次都复制长长的代码,不仅麻烦而且会影响到文章的编辑。下面我们利用WordPress短代码(Shortcode API),采用方便简洁的形式插入无广告的视频。

一、将下面代码加到Wordpress主题functions.php模板文件中:

  1. function youku_video($atts$content=null){
  2.     return '<p style="text-align: center;"><embed src=http://static.youku.com/v1.0.0149/v/swf/loader.swf?VideoIDS='.$content.'ID&winType=adshow&isAutoPlay=true quality="high" width="610" height="460" align="middle" wmode="transparent" allowScriptAccess="never" allowNetworking="internal" autostart="0" type="application/x-shockwave-flash"></embed></p>';
  3. }
  4. add_shortcode('youku','youku_video');

其中: width="610" height="460" 是视频的大小,可根据需要修改。

二、编辑文章时在准备插入优酷视频的位置输入:

  1. {youku]XMjM2OTE3ODg4[/youku}

注:前后的 { } 用 [ ] 替换。

中间的“XMjM2OTE3ODg4”是这首 Need You Now 音乐视频地址的ID:

http://v.youku.com/v_show/id_XMjM2OTE3ODg4.html

获得视频地址后,只需要复制最后的红色部即可。

点击播放下面的视频,看看烦人广告是不是真的没了,再也不会因看一分钟的视频,却因为前面30秒的广告而抓狂!

 

获取视频缩略图>>

[youku]XMjM2OTE3ODg4[/youku]

本文的目的只是为了实践应用一下WP短代码而已,如果你是Firefox或者chrome浏览器用户,可以安装Adblock扩展屏蔽视频广告,更为方便实用。
另外,OpenGG.Clean.Player 去视频广告脚本也不错
补充:另有童鞋在此代码基础上添加了可以自定义视频大小的短代码供大家参考:

  1. /优酷开始
  2. function youku_video($atts$content=null){
  3. extract(shortcode_atts(array("w"=>'0',"h"=>'0',),$atts));
  4.     return '<p style="text-align: center;"><embed src=http://static.youku.com/v1.0.0149/v/swf/loader.swf?VideoIDS='.$content.'ID&winType=adshow quality="high" width="'.$w.'" height="'.$h.'" align="middle" wmode="transparent" allowScriptAccess="never" allowNetworking="internal" autostart="0" type="application/x-shockwave-flash"></embed></p>';
  5. }
  6. add_shortcode('youku','youku_video');
  7. //优酷结束

编辑文章时在准备插入优酷视频的位置输入:

  1. {youku w=630 h=370]XMzMyMzgzNjI4[/youku}

注:前后的 { } 用 [ ] 替换。

其中 w=630 h=370是视频尺寸大小

原文:http://yutao.me/61.htm

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:85   其中:访客  78   博主  7

    • 从良未遂 1

      视频画面中多了这样的代码啊
      showinfo!
      中插时间点:
      PlayerConfig.isRTMP:false
      _playListData.streamTypes[0]:flv
      _playListData.streamTypes[1]:mp4

        • 知更鸟 Admin

          @从良未遂 修正方法
          http://zmingcx.com/codes-youku-video-revision.html

        • 秋天 1

          怎样将画面中的代码去掉?
          showinfo!
          中插时间点:
          PlayerConfig.isRTMP:false
          _playListData.streamTypes[0]:flv
          _playListData.streamTypes[1]:mp4

            • 知更鸟 Admin

              @秋天 解决办法:
              http://zmingcx.com/codes-youku-video-revision.html

            • 西瓜仔 3

              改了代码后,媒体库上传图片出现上传时出现错误,请稍后再试~~ 改回来就正常了~~

              • jason 1

                鸟哥,太崇拜你了,谢谢

                • jason 1

                  鸟哥,这个插件,在andriod系统手机上,无法观看优酷视频,可以实现吗?

                  • loren 2

                    两个改进意见:
                    1、赋予一个默认值,当不自定义大小的时候,自动使用这个默认值
                    2、在视频播放UI中,增加“全屏”和“高清/标清”的视频质量选项(最少要有一个“全屏”)
                    期待完美

                      • lexunhui 0

                        @loren 你双击就可以全屏了,也可以高清/标清调整了.试下.在IE下.

                      • 火狼 0

                        调用不成功 在调用页直接显示 [youku]XMzMyMzgzNjI4[/youku]

                        • loren 2

                          鸟儿,我找到另外一个方式可以解决不能在ipad上播放的问题,而且外观和原版优酷一模一样,http://jeequ.com/26010/ 这里看到的,并且我自己的博客已经测试成功。但是有一个问题是会把那个视频贴里面很多HTML代码都过滤掉失效了,我和作者沟通了几次,但是他还没有改进。你这边是否有办法?如果有,那就真的是完美解决了!

                          • zx 0

                            把wordpress升级到3.6.1,好像就用不了了。

                            • 背包客李冲冲 0

                              mark一个。

                              • quatrejuin 0

                                wordpress 3.7 成功,來自己動手再多加點控制進去,比如是否自動開始播放等。

                                • 资源来了啊 2

                                  请问我使用了这个,可是双击不会全屏啊,而你的可以

                                    • 知更鸟 Admin

                                      @资源来了啊 在代码中加上这个参数就可以了:
                                      allowfullscreen=”true”

                                        • 资源来了啊 2

                                          @知更鸟 嗯。多谢了,果然好了

                                      • 常熟人家 1

                                        鸟哥!视频去广告代码失效了

                                        • 兴安盟娱乐网 0

                                          您好!!经过测试,似乎优酷已经更新了代码,您这里的代码现在 无效了!!! 期待您的更新……

                                          • 烂番茄 3

                                            表示功能相当不错的h~~

                                            • 测风塔 0

                                              没指望去广告,只是想让插入的视频居中,在文章的位置好看一些。我用了这个方法视频框位置很好,但是视频播不了了。请问有什么快捷方法吗。仅仅是把视频的位置自动放好就可以了。