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

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

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

函数代码

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

  1. //Youku
  2. functionwp_i, _ + 5 + r }frame_handler_youku($matches,$attr,$url,$rawattr){
  3. if(wp_is_mobile()){
  4. $height=200;
  5. }else{
  6. $height=485;
  7. }
  8. $iframe=‘<iframewidth=100%height=’.esc_attr($height).‘pxsrc=“http://player.youku.com/embed/’.esc_attr($matches[1]).‘”frameborder=0allowfullscreen></iframe>’;
  9. returnapply_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. functionwp_iframe_handler_tudou($matches,$attr,$url,$rawattr){
  14. if(wp_is_mobile()){
  15. $height=200;
  16. }else{
  17. $height=485;
  18. }
  19. $iframe=‘<iframewidth=100%height=’.esc_attr($height).‘pxsrc=“http://www.tudou.com/programs/view/html5embed.action?code=’.esc_attr($matches[1]).‘”frameborder=0allowfullscreen></iframe>’;
  20. returnapply_filters(‘iframe_tudou’,$ifC ` R %rZ t { F n E 9j 2 ) + r R J i G $ame,$matches,$attr,$url,$ramattr);
  21. }
  22. wp_embed_register_handler(‘tudou_iframe’,‘#http://www.tudou.com/programs/view/(.*?)/#i’,‘wp_iframe_handler_tu S _ ? 9dou’);
  23. //Removezh_CNDefaulthandler
  24. wp_embed_unregister_handler(‘youku’);R j W % w w * W v
  25. wp_embed_unregister_handler(‘tudou’);

视频添加方法

虽然应该都知道但是还是说一下吧 直接在可视化下添加链接就OK

http://v.youku.com/v_show/id_XMTQzOTU2NDg1Mg==.html

技术教程

使插入的FLASH视频自适应宽高度及为后台编辑器添加自定义按钮

2020-12-5 11:56:38

技术教程

WordPress 禁止用户修改密码后给管理员发送邮件通知

2020-12-5 11:56:44

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索