伍霁云
WordPress 中文版内置了「使用 WordPress 的 Embed 功能快速插入优酷视频」的功能，但是代码是用 embed 实现的，也就是说，只引用了一个 .swf 文件，这样不方便移动客户端以及高端主流浏览器的使用。
如今 HTML5 技术流行，国外的视频分享网站鼻祖 YouTube 早已使用 iframe 方式来站外引用视频，并支持 HTML5 + Flash ，基本兼容所有的客户端和浏览器。在国内最大的两只视频网站优酷和土豆也已经有类似的方法。
两大段代码即可，放入主题文件的 s.php 即可，注意，代码要放在 <?php ?> 里面：
一、修改主题文件，增加代码
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
// add youku using iframewp_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' );// add tudou using iframewp_iframe_handler_tudou( $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://www.tudou.com/programs/view/html5embed.action?code='. esc_attr($matches[1]) .'" frameborder=0 allowfullscreen></iframe>'; return apply_filters( 'iframe_tudou', $iframe, $matches, $attr, $url, $ramattr );}wp_embed_register_handler( 'tudou_iframe', '#http://www.tudou.com/programs/view/(.*?)/#i', 'wp_iframe_handler_tudou' ); |
从 zww 大叔那偷来的优酷代码，顺手改了下土豆的。
如果你用的是 WordPress 中文版，那么得再加两行，把原先的 embed 引用方式禁用
wp_embed_unregister_handler('youku');
wp_embed_unregister_handler('tudou');
二、使用方法
发文章的时候直接发视频链接即可，比如
http://v.youku.com/v_show/id_XMjM4ODExMDky.html
http://www.tudou.com/programs/view/TEKCHyWV4pM/
【来源：通天塔】
原创文章欢迎带来源分享，非原创文章分享时请注明出处：伍霁云 » WordPress 使用 iframe 引用优酷和土豆视频，支持 HTML5
最新评论