WordPress优酷、土豆视频移动端自适应

2017-01-17 admin 11

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

函数代码

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

//Youku
function wp_iframe_handler_youku($matches, $attr, $url, $rawattr) {
if (wp_is_mobile()) {
$height = 200;
} else {
$height = 485;
}
$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 = '';
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');

视频添加

  虽然应该都知道但是还是说一下吧 直接在可视化下添加链接就OK http://v.youku.com/v_show/id_XMTQzOTU2NDg1Mg==.html