WordPress解决优酷、土豆视频移动端观看问题并自适应

  2016年12月22日  |   4 条评论  |   298

草根站长,博客导航,博客大全,博客网站,增加网站流量

虽然WordPress能直接插入优酷、土豆的视频但是无法在移动端观看,于是开始各种折腾终于找到了合适的解决办法。另外在说一句支持移动端自适应哦。

函数代码

在主题函数文件function.php里面添加以下代码即可,保证在最后一个?>之前就好了

//Youku
function wp_iframe_handler_youku($matches, $attr, $url, $rawattr) {
if (wp_is_mobile()) {
$height = 200;
} else {
$height = 485;
}
$iframe = ‘<iframe width=100% height=’ . esc_attr($height) . ‘px src=”http://player.youku.com/embed/’ . esc_attr($matches[1]) . ‘” frameborder=0 allowfullscreen></iframe>’;
return apply_filters(‘iframe_youku’, $iframe, $matches, $attr, $url, $ramattr);
}
wp_embed_register_handler(‘youku_iframe’, ‘#http://v.youku.com/v_show/id_(.*?).html#i’, ‘wp_iframe_handler_youku’);
// Tudou
function wp_iframe_handler_tudou($matches, $attr, $url, $rawattr) {
if (wp_is_mobile()) {
$height = 200;
} else {
$height = 485;
}
$iframe = ‘<iframe width=100% height=’ . esc_attr($height) . ‘px src=”http://www.tudou.com/programs/view/html5embed.action?code=’ . esc_attr($matches[1]) . ‘” frameborder=0 allowfullscreen></iframe>’;
return apply_filters(‘iframe_tudou’, $iframe, $matches, $attr, $url, $ramattr);
}
wp_embed_register_handler(‘tudou_iframe’, ‘#http://www.tudou.com/programs/view/(.*?)/#i’, ‘wp_iframe_handler_tudou’);
//Remove zh_CN Default handler
wp_embed_unregister_handler(‘youku’);
wp_embed_unregister_handler(‘tudou’);

WordPress插件:WordPress如何降为旧版本?WP Downgrade恢复WordPress旧版本
WordPress主题:简洁黑白WordPress免费博客主题 Personal
WordPress主题:简单大气博客主题 Zillah

 

文章字数统计:1297 | 百度已收录

   |  WordPress  

请关注博主公众,为您推送优质干货!
微部落博客,微部落,草根站长,网站seo优化,photoshop教程,wordpress教程,wordpress插件,office教程,Excel教程,ppt教程,word教程,Dreamweaver教程

微部落博客编辑整理发布,如有侵犯您的版权,请提供相关版权证明,博主将立即删除。
·博客大全  博客网址之家  博客导航  来路IP首页展示!   ·免费收录  ·免费推广你的博客   114.vprol.com
如果本文对您有用就 打个赏吧微信 OR 支付宝 扫描二维码
pay_weixin     pay_weixin
金额随意,您的支持是我的动力~

草根站长,博客导航,博客大全,博客网站,增加网站流量