wordpress嵌入式发布土豆优酷视频

WordPress技术博客wp应用技术

我们在发布一篇文章的时候,如果是发布带有视频的文章,我们之前的做法是复制优酷、土豆等视频网站所给的分享代码  html代码,用文本的方式贴入编辑框,显然这个方法太麻烦,对于不懂代码的朋友来说就非常的不方便了。那么有没有可能我们直接在网站中插入链接,或者一段短代码,让文章自动将链接或者短代码变成视频显示呢?

其实wordpress就有自带这种功能的,只不过支持的都是国外的一些网站,那么今天我们就教你如何将国内的优酷和土豆的视频以链接或者短代码的方式插入文章。

用链接或者短代码的形式插入优酷视频

将以下代码放入你的functions.php文件中:
function wp_embed_handler_youku( $matches, $attr, $url, $rawattr ) {
// If the user supplied a fixed width AND height, use it
if ( !empty($rawattr[‘width’]) && !empty($rawattr[‘height’]) ) {
$width = (int) $rawattr[‘width’];
$height = (int) $rawattr[‘height’];
} else {
list( $width, $height ) = wp_expand_dimensions( 480, 400, $attr[‘width’], $attr[‘height’] );
}
return apply_filters( ’embed_youku’, ‘<embed src=”http://player.youku.com/player.php/sid/’ . esc_attr($matches[1]) . ‘/v.swf” quality=”high” width=”‘ . esc_attr($width) . ‘” height=”‘ . esc_attr($height) . ‘” align=”middle” allowScriptAccess=”sameDomain” type=”application/x-shockwave-flash”></embed>’, $matches, $attr, $url, $rawattr );
}

保存之后,在文章中插入优酷视频的方式如下:
http: // v.youku.com/v_show/id_XXXXXXXXXXXXX.html

或者短代码(注意去掉空格):

[ embed ]http://v.youku.com/v_show/id_XXXXXXXXXXXXX.html[ /embed ]
用链接或者短代码的形式插入土豆视频

将以下代码放入你的functions.php文件中:
function wp_embed_handler_tudou( $matches, $attr, $url, $rawattr ) {
// If the user supplied a fixed width AND height, use it
if ( !empty($rawattr[‘width’]) && !empty($rawattr[‘height’]) ) {
$width = (int) $rawattr[‘width’];
$height = (int) $rawattr[‘height’];
} else {
list( $width, $height ) = wp_expand_dimensions( 420, 363, $attr[‘width’], $attr[‘height’] );
}
return apply_filters( ’embed_tudou’, ‘<object width=”‘ . esc_attr($width) . ‘” height=”‘ . esc_attr($height) . ‘”><param name=”movie” value=”http://www.tudou.com/v/’ . esc_attr($matches[1]) . ‘”></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/’ . esc_attr($matches[1]) . ‘” type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” wmode=”opaque” width=”‘ . esc_attr($width) . ‘” height=”‘ . esc_attr($height) . ‘”></embed></object>’, $matches, $attr, $url, $rawattr );}

保存之后即可以如下方式插入土豆视频:

安装好之后,你只需要把土豆视频的链接直接贴入到 WordPress 日志内容中即可显示视频,假设其中 XXXXXXX 是视频的 ID,那么插入方法是:

http:  //  ww w.tudou.com/programs/view/XXXXXXX/

短代码(注意去掉空格):
[    embed   ]http://www.tudou.com/programs/view/XXXXXXX/[    /embed    ]
现在你学会了吗?   希望本文对你有所帮助哦!~

ps  :先不要急着将代码贴近你的主题文件中,可以先试一试使用链接或者短代码在你的文章中,看是否你使用的主题已经自带了这个功能哟,如果已经自带,而自己还没发现,那以后就知道如何去使用了

上一篇:

下一篇:

文章评论

您好!请登录

取消回复
点击这里取消回复。
  1. 神父 回复

    好像wordpress在文本编辑状态下,单独一行http://www.tudou.com/programs/view/XXXXXXX/就可以了啊,默认的功能吧


    • WEB主题公园
      WEB主题公园-管理员 回复

      上面所说的方式不需要在文本中输入,二是在可视化条件下输出,比较方便


      • 白小黑 回复

        效果什么样?


展开更多