WordPress 使用 iframe 引用优酷和土豆视频,支持 HTML5

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 iframe
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="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 iframe
wp_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

赞 (0) 打赏

评论 29

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 韩国典雅风K金首饰等到万事俱备时才采取行动常常是偷懒者的借口。Reply
  2. 韩国时尚购物起义要随时心怀感恩,感谢上帝赐给我们的一切。Reply
  3. 最新韩版女装批发每日要认为今日就是你最后的一天,也把今日当成是你的第一天。Reply
  4. 韩国休闲简约女装从来没有人像我们一样的服务。Reply
  5. 韩国K金时尚首饰没有好钱和坏钱之分Reply
  6. 奚碧源上帝存在不存在我们不知道。但客户我们知道。Reply
  7. 韩国女装品牌网站要是你的牛陷在沟里,哪怕是天冻得连眼珠都会裂开,或者下雨,再或不论你喜不喜欢,甚至你不舒服,总是要把牛拉上来。Reply
  8. 韩国甜美童装把每次生意都看作一次独立的生意,把每次接触的商务伙伴都看作第一次合作的伙伴。Reply
  9. 韩国时尚女装品牌购物人在喧嚣和繁忙中要能闹中取静。这样,才能更好地沉思,才能显示出你的睿智。Reply
  10. 韩国创意设计用品网站能多提供客户一分钱的货物,我们绝不少下来。Reply
  11. 成都信用卡套现没有比这个更划算的了!Reply
  12. 负面信息清除“速食”文化中理财要有“复利”理念。Reply
  13. 韩国时尚女装购物我们的目的一目了然,我们的方法却很独到。Reply
  14. 最新韩版女装批发存钱是为了控制金钱,而不是为金钱所控制。Reply
  15. 韩国食品网上商城把你的心(思想)专注在一个地方。Reply
  16. 杭州信用卡套现浅谈谷歌排名优化相关技术-推广交流-28推论坛Reply
  17. 麦杰机械不错 博主加油!Reply
  18. 廊坊网站建设技术大帝的节奏啊Reply
    • 小五转载的。我不是搞技术的Reply
  19. 阿里百秀好吧,虽然对此不太懂,觉得应该还是有用的吧!Reply
  20. 易卡特很不错 不过我用的水煮鱼的html5优酷播放器插件Reply
  21. 合肥家庭音响嗯,说的不错Reply
  22. 互传站长网各位注意保护眼睛~~~~眼保健操(→_→) (↑_ ↑) (←_←) (↓_↓) (→_→)(↑_↑)(←_... ←) (←_←)(↑_↑) (→_→) (↑_↑)(←_←) (↓_↓)(→_→) 做完之后可能出现如下症状:( T_T )(>_<) ( *_* )Reply
  23. 茶余饭后网只是路过学习啦!Reply
  24. 护栏网期待啊啊啊啊Reply
  25. 博客互推联盟看到博主分享这么多内容,特别想把这些内容让更多博友看到,如果博主能够经常跟其他博友互动, 希望博主能够加入到“博客互推联盟”,这里有很多很勤奋的博友,和您一样,每天在坚持为大家分享好的内容。 在这个互联网快速变革的时代,我们还在坚持,但我们不想孤军奋战,让更多博友看到你,让我们彼此多一点交流,一起发展。Reply
  26. heyuan多谢分享哈Reply
  27. 基坑支护基坑支护这样的网站可以用吗?Reply
  28. 梦居家占个沙发顶个人气Reply

☺您的打赏是我更新的动力☺

支付宝扫一扫打赏

微信扫一扫打赏