使用 iframe 方式快速插入优酷视频使之兼容移动设备

（中国梦之声-齐秦&韩红《狼》）
现在的 WordPress 中文版中内置了“使用 WordPress 的 Embed 功能快速插入优酷视频”的功能：只要在写文章时，独占一行粘贴优酷视频地址就可以自动调用次视频。
例如：我在下一行独占一行插入 http://v.youku.com/v_show/id_XNTgwNjc5OTAw.html 这个优酷视频地址，就可以自动调用优酷视频了。
但是这是用 Embed 的，PC端没问题，手机浏览器因为不支持 Flash 所以是无法显示和播放视频的，而现在提供的 iframe 方式插入的视频就支持手机。

因为我平常使用都是iPad有些比较好的视频我不能打开。所以下面说说如何实现：『使用 WordPress 的 Embed 功能快速插入优酷视频』改为以 iframe 方式调用的方法
1. 确定所用 WordPress 是中文版（好像其他语言版本也行，如果有错误提示就把 wp_embed_unregister_handler( ‘youku’ ); 删除即可）
2. 就是把下面的代码扔进所用主题的 functions.php 里面（注意：代码要放在里面）

// 移除原来 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']) &amp;amp;&amp;amp; !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="<a href="&quot;http://player.youku.com/embed/'&quot;">http://player.youku.com/embed/'</a>. 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：其他视频网站可以照葫芦画瓢改下代码就行了。

本博客所有文章如无特别注明均为原创

如果觉得对你有帮助，可以通过下方打赏对作者表示鼓励

本文采用知识共享署名-非商业性使用-相同方式共享

如若转载，请注明出处：《使用 iframe 方式快速插入优酷视频使之兼容移动设备》https://www.fangsi.net/452.html

发表回复

登录后才能评论

评论列表（7条）

羽尘 2014年8月8日 20:29

把代码直接扔进去就行了吗。。。。。

回复
- 锋哥 2014年8月9日 09:32
  
  @羽尘：是的，亲测通过。我的站点就是这样做的。
  
  回复
- 羽尘 2014年8月9日 10:29
  
  @锋哥：最近我的wordpress新用户注册时不发邮件，请问一下，这个怎么解决？
  
  回复
- 锋哥 2014年8月9日 11:44
  
  @羽尘：你后台的邮件发送配置好了吗
  
  回复
- 羽尘 2014年8月9日 11:53
  
  @锋哥：额，后台我没有找到邮件发送配置，只有设置里面看到个通过电子邮件发布的设置
- 锋哥 2014年8月9日 14:38
  
  @羽尘：你要下载一个Configure SMTP插件，配置邮件发送。
锋哥 2013年8月14日 09:38

以上方法可以自行修改一下，特别是宽高那里，可以通过
wp_is_mobile()
来判断是不是移动设备。

回复

使用 iframe 方式快速插入优酷视频使之兼容移动设备

相关推荐

发表回复

评论列表（7条）