现在的 WordPress 中文版内置了“使用 WordPress 的 Embed 功能快速插入优酷视频”的功能：只要在写文章时，独占一行粘贴优酷视频地址就可以自动调用次视频。

例如：我在下一行独占一行插入 http://v.youku.com/v_show/id_XNTgxNzI3MDcy.html 这个优酷视频地址，就可以自动调用优酷视频了。

（顺便看看《晓说》吧，还是有点意思）
http://v.youku.com/v_show/id_XNTgxNzI3MDcy.html

但是这是用 Embed 的，PC端没问题，手机浏览器因为不支持 Flash 所以是无法显示和播放视频的，而现在提供的 iframe 方式插入的视频就支持手机。

下面说说如何实现：

『使用 WordPress 的 Embed 功能快速插入优酷视频』改为以 iframe 方式调用的方法

有点绕口，囧。其实很简单
1. 确定所用 WordPress 是中文版（好像其他语言版本也行，如果有错误提示就把 wp_embed_unregister_handler( 'youku' ); 删除即可）
2. 就是把下面的代码扔进所用主题的 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 ( !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'] );
	}
	$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' );

PS：其他视频网站可以照葫芦画瓢改下代码就行了。

最近好忙啊，也爽！

撤~洗澡睡觉去~

zww

赏

or

oooo

• 本文标题：快速插入优酷视频改为 iframe 方式兼容移动设备
• 本文链接：https://zww.me/wordpress-embed-youku-iframe.z-turn
• 发布时间：2013年07月12日 23:41
• 版权声明：除非注明，文章均为 zwwooooo 原创，转载请以链接形式标明本文地址！