wordpress主题建站,选择WEB主题公园中文原创企业网站模板!

WordPress技术博客 news
您现在的位置:首页 > WordPress技术博客 > wordpress嵌入式发布土豆优酷视频

本周推荐网站模板

WordPress主题视频教程

最近更新的WordPress主题
最新更新过的网站模板

也许你也喜欢这些
随机WordPress主题展示

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

发布时间:2013/09/02 WordPress技术博客 wp应用技术 3481 3

我们在发布一篇文章的时候,如果是发布带有视频的文章,我们之前的做法是复制优酷、土豆等视频网站所给的分享代码  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  :先不要急着将代码贴近你的主题文件中,可以先试一试使用链接或者短代码在你的文章中,看是否你使用的主题已经自带了这个功能哟,如果已经自带,而自己还没发现,那以后就知道如何去使用了

WordPress原创主题,高端网站模板建站,网站模板建站资源以及开发知识分享,尽在WEB主题公园

如未标明出处,所有文章均为WEB主题公园原创,如需转载,请附上原文地址,感谢您的支持和关注。

============关于WEB主题公园=============

WEB主题公园致力于开发适合中国人习惯的中文WordPress网站模板,并提供全程视频教程,让您能够轻松的使用网站模板建立好自己的网站!

分享WordPress开发,网站维护经验,分享更多有用的WordPress知识

WEB主题公园--做最好的中文原创WordPress主题,网站模版。

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

    2013年9月3日 09:26 回复
    • WEB主题公园

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

      2013年9月3日 11:06 回复