(中国梦之声-齐秦&韩红《狼》)
现在的 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=""http://player.youku.com/embed/'"">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条)
把代码直接扔进去就行了吗。。。。。
@羽尘:是的,亲测通过。我的站点就是这样做的。
@锋哥:最近我的wordpress新用户注册时不发邮件,请问一下,这个怎么解决?
@羽尘:你后台的邮件发送配置好了吗
@锋哥:额,后台我没有找到邮件发送配置,只有设置里面看到个通过电子邮件发布的设置
@羽尘:你要下载一个Configure SMTP插件,配置邮件发送。
以上方法可以自行修改一下,特别是宽高那里,可以通过
wp_is_mobile()
来判断是不是移动设备。