WordPress教程

WordPress优酷、土豆视频移动端自适应

阿里云

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

函数代码

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

也想出现在这里?联系我们
创客主机
  1. //Youku
  2. function wp_iframe_handler_youku($matches, $attr, $url, $rawattr) {
  3.     if (wp_is_mobile()) {
  4.         $height = 200;
  5.     } else {
  6.         $height = 485;
  7.     }
  8.     $iframe = '<iframe width=100% height=' . esc_attr($height) . 'px src="http://player.youku.com/embed/' . esc_attr($matches[1]) . '" frameborder=0 allowfullscreen></iframe>';
  9.     return apply_filters('iframe_youku', $iframe, $matches, $attr, $url, $ramattr);
  10. }
  11. wp_embed_register_handler('youku_iframe', '#http://v.youku.com/v_show/id_(.*?).HTML#i', 'wp_iframe_handler_youku');
  12. // Tudou
  13. function wp_iframe_handler_tudou($matches, $attr, $url, $rawattr) {
  14.     if (wp_is_mobile()) {
  15.         $height = 200;
  16.     } else {
  17.         $height = 485;
  18.     }
  19.     $iframe = '<iframe width=100% height=' . esc_attr($height) . 'px src="http://www.tudou.com/programs/view/html5embed.action?code=' . esc_attr($matches[1]) . '" frameborder=0 allowfullscreen></iframe>';
  20.     return apply_filters('iframe_tudou', $iframe, $matches, $attr, $url, $ramattr);
  21. }
  22. wp_embed_register_handler('tudou_iframe', '#http://www.tudou.com/programs/view/(.*?)/#i', 'wp_iframe_handler_tudou');
  23. //Remove zh_CN Default handler
  24. wp_embed_unregister_handler('youku');
  25. wp_embed_unregister_handler('tudou');

视频添加

虽然应该都知道但是还是说一下吧 直接在可视化下添加链接就 OK http://v.youku.com/v_show/id_XMTQzOTU2NDg1Mg==.html

WordPress 优酷、土豆视频移动端自适应

已有 625 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!