WordPress解決優(yōu)酷、土豆視頻移動(dòng)端觀看問題并自適應(yīng)

雖然WordPress能直接插入優(yōu)酷、土豆的視頻但是無法在移動(dòng)端觀看,于是乎笨笨就開始各種折騰終于找到了合適的解決辦法
另外在說一句支持移動(dòng)端自適應(yīng)哦

函數(shù)代碼

在主題函數(shù)文件function.php里面添加以下代碼即可，保證在最后一個(gè)?>之前就好了

//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');

視頻添加方法

雖然應(yīng)該都知道但是還是說一下吧 直接在可視化下添加鏈接就OK http://v.youku.com/v_show/id_XMTQzOTU2NDg1Mg==.html

效果瀏覽

注：WordPress大學(xué) 采用https鏈接，但是優(yōu)酷不支持，所以以上是圖片，如果要看真實(shí)的預(yù)覽，請(qǐng)?jiān)L問原文 http://www.hibenben.com/4462.html