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

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

上一篇:

下一篇:

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

本文地址:https://www.themepark.com.cn/wordpressqrsfbtdyksp.html

WordPress原创主题,高端网站模板建站,网站模板建站资源以及开发知识分享,尽在WEB主题公园
WEB主题公园致力于开发适合中国人习惯的中文WordPress网站模板,并提供全程视频教程,让您能够轻松的使用网站模板建立好自己的网站!

相关文章

文章评论

您好!请登录

取消回复

  1. 神父 回复

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


    • WEB主题公园
      WEB主题公园[管理员] 回复

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


      • 白小黑 回复

        效果什么样?


个人中心我的

联系我们x

联系我们,从qq在线客服,电话和邮件

售前客服-1[点击对话]

购买之前想要了解和咨询

售前客服-2[点击对话]

购买之前想要了解和咨询

售后客服[售后支持]

购买后输入订单号加好友

咨询热线:0731-8578 7193

联系邮箱:
info@themepark.com.cn

请注意:在线客服以及咨询热线请在 工作日的9:30~18:00来电咨询 电子邮件在任何时间都会回复

客服
回到顶部 顶部