WordPress 使用 iframe 引用优酷和土豆视频,支持 HTML5

WordPress 中文版内置了「使用 WordPress 的 Embed 功能快速插入优酷视频」的功能,但是代码是用 embed 实现的,也就是说,只引用了一个 .swf 文件,这样不方便移动客户端以及高端主流浏览器的使用。

如今 HTML5 技术流行,国外的视频分享网站鼻祖 YouTube 早已使用 iframe 方式来站外引用视频,并支持 HTML5 + Flash ,基本兼容所有的客户端和浏览器。在国内最大的两只视频网站优酷和土豆也已经有类似的方法。

两大段代码即可,放入主题文件的 functions.php 即可,注意,代码要放在

<?php ?>

里面:

/** 
 * 『使用 WordPress 的 Embed 功能快速插入优酷视频』改为以 iframe 方式调用 
 *  by zwwooooo | zww.me 
*/  
// 移除原来 WordPress 中文版内置的“使用 WordPress 的 Embed 功能快速插入优酷视频”  
wp_embed_unregister_handler( 'youku' );  
// 改用 iframe 方式  
function wp_iframe_handler_youku( $matches, $attr, $url, $rawattr ) {  
    // If the user supplied a fixed width AND height, use it  
    if ( !emptyempty($rawattr['width']) && !emptyempty($rawattr['height']) ) {  
        $width  = (int) $rawattr['width'];  
        $height = (int) $rawattr['height'];  
    } else {  
        list( $width, $height ) = wp_expand_dimensions( 480, 400, $attr['width'], $attr['height'] );  
    }  
    $iframe = '<iframe width='. esc_attr($width) .' height='. esc_attr($height) .' 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' );  

其他视频网站可以照葫芦画瓢改下代码就行了。
如果你用的是 WordPress 中文版,那么得再加两行,把原先的 embed 引用方式禁用

wp_embed_unregister_handler('youku');  
wp_embed_unregister_handler('tudou');  

使用方法:

发文章的时候直接发视频链接即可,比如

http://v.youku.com/v_show/id_XODAwNjI2ODA0.html
http://v.youku.com/v_show/id_XODAwNjI2ODA0.html

参考文章:
快速插入优酷视频改为 iframe 方式兼容移动设备
http://zww.me/wordpress-embed-youku-iframe.z-turn
WordPress 使用 iframe 引用优酷和土豆视频,支持 HTML5
https://ttt.tt/108/


 继续浏览关于 技术有趣WordPress插件 的文章

 本文最后更新于 2019/07/21 03:17:01,可能因经年累月而与现状有所差异

 引用转载请注明:icret > 教程 > WordPress 使用 iframe 引用优酷和土豆视频,支持 HTML5