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

2021-05-22 0 1,134 百度已收录

虽然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

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!3308869544
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有猫币奖励和额外收入!

主题镇 WP教程 WordPress优酷、土豆视频移动端自适应 https://zhutizhen.com/14378.html

永远为用户服务的镇长!

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或联络我们。
查看详情

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务