WordPress 技巧:使用 shortcode 方式插入优酷视频,并支持全平台播放

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

前面我介绍过使用 WordPress 的 Embed 功能快速插入优酷视频,不过通过这样方式插入的代码是 Flash 代码。而 iOS 系统是不会不支持 Flash,所以很多 WordPress 用户写博客的时候,在插入优酷视频的 Flash 代码之后,都要添加一段话,比如:iOS 用户请点该链接查看,这样用户体验非常差,读者看视频也非常不方便。

而优酷本身已经提供了支持全平台的嵌入代码,我就写了一个 shortcode 让你非常方便的在文章中插入优酷视频,并支持全平台播放:


<?php
/*
Plugin Name: 使用 shortcode 方式插入优酷视频,并支持全平台播放
Plugin URI: http://blog.wpjam.com/m/youku-shortcode/ 
Author: Denis
*/
add_shortcode( 'youku', 'wpjam_youku_shortcode' );
function wpjam_youku_shortcode( $atts, $content='' ) {
    extract( shortcode_atts( array(
        'width'     => '510',
        'height'    => '498',
    ), $atts ) );

    if(preg_match('#http://v.youku.com/v_show/id_(.*?).html#i',$content,$matches)){
        return '<iframe class="youku_video" height='.$height.' width='.$width.' src="http://player.youku.com/embed/'.$matches[1].'" frameborder=0 allowfullscreen></iframe>';
    }
}

然后在撰写文章的时候,使用如下方式插入优酷视频:

[youku]http://v.youku.com/v_show/id_XMzE0MDkzMzI4.html[/youku]

默认情况下,视频是 510 宽,498 高,如果你要把宽度和高度设置为 600X500 的话,使用以下代码:

[youku width="600" height="500"]http://v.youku.com/v_show/id_XMzE0MDkzMzI4.html[/youku]
标签:WordPress Shortcode WordPress 插件 优酷视频

随意打赏

提交建议
微信扫一扫,分享给好友吧。