使用 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 里面(注意:代码要放在 <?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; !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 = '&lt;iframe width='. esc_attr($width) .' height='. esc_attr($height) .' src="<a href="http://player.youku.com/embed/'">http://player.youku.com/embed/'</a>. esc_attr($matches[1]) .'" frameborder=0 allowfullscreen&gt;&lt;/iframe&gt;';
 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:其他视频网站可以照葫芦画瓢改下代码就行了。

原创文章,作者:锋哥,如若转载,请注明出处: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()
    来判断是不是移动设备。

联系我们

在线咨询:点击这里给我发消息

邮件:service@fangsi.net

工作时间:周一至周五,9:30-18:30,节假日休息