使用 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']) && !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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
锋哥的头像锋哥管理员
上一篇 2013年8月6日 11:28
下一篇 2013年9月3日 12:18

相关推荐

发表回复

登录后才能评论

评论列表(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()
    来判断是不是移动设备。