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

WordPress优酷、土豆视频移动端自适应,第1张

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

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。内存溢出小编现在分享给大家,也给大家做个参考。

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

函数代码

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

//Youku

function wp_iframe_handler_youku($matches,$attr,$url,$rawattr) {

if (wp_is_mobile()) {

$height = 200;

} else {

$height = 485;

}

$iframe = '<iframe wIDth=100% height=' . esc_attr($height) . 'px src="http://player.youku.com/embed/' . esc_attr($matches[1]) . '" frameborder=0 allowfullscreen></iframe>';

return apply_filters('iframe_youku',$iframe,$matches,$ramattr);

}

wp_embed_register_handler('youku_iframe','#http://v.youku.com/v_show/ID_(.*?).HTML#i','wp_iframe_handler_youku');

// Tudou

function wp_iframe_handler_tudou($matches,$rawattr) {

if (wp_is_mobile()) {

$height = 200;

} else {

$height = 485;

}

$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>';

return apply_filters('iframe_tudou',$ramattr);

}

wp_embed_register_handler('tudou_iframe','#http://www.tudou.com/programs/vIEw/(.*?)/#i','wp_iframe_handler_tudou');

//Remove zh_CN Default handler

wp_embed_unregister_handler('youku');

wp_embed_unregister_handler('tudou');

视频添加

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

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的WordPress优酷、土豆视频移动端自适应全部内容,希望文章能够帮你解决WordPress优酷、土豆视频移动端自适应所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/1012628.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-22
下一篇 2022-05-22

发表评论

登录后才能评论

评论列表(0条)

保存