解决优酷、土豆视频移动端观看问题并自适应[WordPress]

(゜-゜)つロ 干杯~

虽然WordPress能直接插入优酷、土豆的视频但是无法在移动端观看,于是乎贝贝就开始各种折腾终于找到了合适的解决办法,另外在说一句支持移动端自适应哦。

代码

在主题函数文件function.php里面添加以下代码即可,保证在最后一个?>之前就好了。

  1. // 虽然应该都知道但是还是说一下吧 直接在可视化下添加链接就OK
  2. // http://v.youku.com/v_show/id_XMTQzOTU2NDg1Mg==.html
  3. // 优酷支持移动端
  4. function wp_iframe_handler_youku($matches$attr$url$rawattr) {
  5. if (wp_is_mobile()) {
  6. $height = 200;
  7. else {
  8. $height = 485;
  9. }
  10. $iframe = '<iframe width=100% height=' . $height . 'px src="http://player.youku.com/embed/' . esc_attr($matches[1]) . '" frameborder=0 allowfullscreen></iframe>';
  11. return apply_filters('iframe_youku', $iframe$matches$attr$url$ramattr);
  12. }
  13. wp_embed_register_handler('youku_iframe', '#http://v.youku.com/v_show/id_(.*?).html#i', 'wp_iframe_handler_youku');
  14. // add tudou using iframe
  15. function wp_iframe_handler_tudou($matches$attr$url$rawattr) {
  16. if (wp_is_mobile()) {
  17. $height = 200;
  18. else {
  19. $height = 485;
  20. }
  21. $iframe = '<iframe width=100% height=' . $height . 'px src="http://www.tudou.com/programs/view/html5embed.action?code=' . esc_attr($matches[1]) . '" frameborder=0 allowfullscreen></iframe>';
  22. return apply_filters('iframe_tudou', $iframe$matches$attr$url$ramattr);
  23. }
  24. wp_embed_register_handler('tudou_iframe', '#http://www.tudou.com/programs/view/(.*?)/#i', 'wp_iframe_handler_tudou');
  25. wp_embed_unregister_handler('youku');
  26. wp_embed_unregister_handler('tudou');

效果

   

如果资源下载失效请到 留言板 留言或者 QQ 联系我。

本站默认解压密码:www.hibbba.com

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: