WordPress增加自动解析优酷视频功能
![]() | ![]() | ![]() | ![]() |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |

看到其他朋友的博客的文章里有一些大型视频网站的视频,看着眼比较馋,自己就研究了一下如何解析优酷视频,直接在html里写进去的话我觉得也可以,但是还是想研究一下短代码,例如直接使用[youku][/youku]来解析,经过几个小时的研究,成功的实现了这个功能,估计那些代码大佬几分钟可能就完成了,但是我还是解决的过程分享一下。
一、研究解析地址
我发现优酷的解析比较简单,首先在你要随便找一个视频,视频地址如下:
http://v.youku.com/v_show/id_XMzkxODc0MDYxNg==.htm
我们只要把红色的部分取出来,以前面加上https://player.youku.com/embed/代码就可以,例:
https://player.youku.com/embed/XMzkxODc0MDYxNg
打开以上的地址,是不是就会看到视频了,这个方法网上就有分享。
二、增加短代码
我们需要把短代码增加到函数文件中,所有主题的函数文件都是functions.php,但是有一些主题这个文件里的代码非常少,会解析到另外的地址,只要看一下代码就可以,我们在这里面增加以下代码:
// 优酷视频function youku($atts,$content=null,$code=""){ $return = '<div class="video-container"><iframe height="350" width="570" src="https://player.youku.com/embed/'; $return .= $content; $return .= '" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>'; return $return;}add_shortcode('youku','youku');//增加按钮function more_button_a(){ if(!current_user_can('edit_posts')&&!current_user_can('edit_pages')) return; if(get_user_option('rich_editing')=='true'){ add_filter('mce_external_plugins','add_plugin'); add_filter('mce_buttons','register_button'); }}add_action('init','more_button_a');function register_button($buttons){ array_push($buttons," ","youku"); return $buttons;}function add_plugin($plugin_array){ $plugin_array['youku'] = get_bloginfo('template_url').'/buttons/more.js'; return $plugin_array; }| 1234567891011121314151617181920212223242526 | // 优酷视频function youku($atts,$content=null,$code=""){ $return = '<div class="video-container"><iframe height="350" width="570" src="https://player.youku.com/embed/'; $return .= $content; $return .= '" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>'; return $return;}add_shortcode('youku','youku');//增加按钮function more_button_a(){ if(!current_user_can('edit_posts')&&!current_user_can('edit_pages')) return; if(get_user_option('rich_editing')=='true'){ add_filter('mce_external_plugins','add_plugin'); add_filter('mce_buttons','register_button'); }}add_action('init','more_button_a'); function register_button($buttons){ array_push($buttons," ","youku"); return $buttons;}function add_plugin($plugin_array){ $plugin_array['youku'] = get_bloginfo('template_url').'/buttons/more.js'; return $plugin_array; } |
这短代码有两个功能,一是增加一个短代码来解析视频;二是为后台的文章编辑窗口增加一个按钮,这里后面有一个js,/buttons/more.js,这个JS文件其实就是调用一个图片。height="350" width="570"这两个参数可以调整视频的高度和宽度,同时class="video-container"这个DIV参数你可以把你想要的样式写在CSS文件里。
我们在主题文件夹下建一个名为buttons的文件夹,然后再建一个more.js文件,写入如下代码:
| 1234567891011121314151617 | (function() { tinymce.create('tinymce.plugins.youku', { init : function(ed, url) { ed.addButton('youku', { title : '优酷视频', image : url+'/images/youku.png', onclick : function() { ed.selection.setContent('[youku]' + ed.selection.getContent() + '[/youku]'); } }); }, createControl : function(n, cm) { return null; }, }); tinymce.PluginManager.add('youku', tinymce.plugins.youku);})(); |
这个代码就是之前对应短代码按钮需要调用的图片,再buttons文件夹进而建一个images文件夹,里面放入一个名为youku.png的图片,就完成调用了,我是拷贝其他朋友的图标图片,写好的效果如下:
我们再看看输入的结果,我们输入上面的那一个视频:
这是实际代码[youku]XMzkxODc0MDYxNg[/youku]
[youku]XMzkxODc0MDYxNg[/youku]
总结:使用这种方法可以把其他网站的视频也都解析过来,只要找到对应的解析地址,后续我再分享解析腾讯视频和bilibili等。
[wordpress]历史优惠活动内容
猜你可能想看的VPS
- 疯狂猜成语 图猜成语一个袋子里面装着枪和头盔是什么成语?全球[VPS测评]
- 2020 年美国虚拟主机 空间推荐 排名不分先后虚拟空间(主机)
- 稳定 HostDare→1 核 756M 内存 150G 硬盘 600G全球[VPS测评]
- 腾讯云秒杀→上海北京云服务器年付 99 元起 1C2G50G2M 三年仅全球[VPS测评]
- 流量吃紧 费用上涨网络大波动情况下 那些还值得“试试”的美国“cn2 g美国VPS[主机]
- Gumlet→图片加速 CDN AWS 亚洲节点 免费 1GB 月流量;全球[VPS测评]
- 企鹅小屋→300 元 月 2*L56XX 16GB 内存 1TB 硬盘 香港VPS[主机]
- 优惠 趣味云→首月 6 折 香港 CN2 线路 1G 内存套餐首月仅需 香港VPS[主机]
- 2020 年 Vultr 最新优惠活动→新用户注册送 50 美元 做任务全球[VPS测评]
- CentOS7 不换内核体验类似 BBR 的单边加速全球[VPS测评]
- HostYun→17.1 元 月 512MB 内存 10GB SSD 空虚拟空间(主机)
- CloudCone→$15 年 KVM-512MB 10GB 1TB 洛全球[VPS测评]
- php 获取数组中重复数据函数全球[VPS测评]
- WebHorizon 波兰机房便宜vps,基于kvm,0.5G内存,£1全球[VPS测评]
- XIU 主题在首页最新发布文章标题后添加 NEW 图标 XIU 主题美化全球[VPS测评]
- xTom v.ps 日本软银线路VPS 测评(联通优秀)日本VPS[主机]
- 无忧云怎么样?大连BGP德阳100G高防香港CN2VPS云服务器香港VPS[主机]
- 外贸无界烟台市有多少跨境电商?烟台跨境电商开发平台,烟台跨境电商选品全球[VPS测评]
- 香港云服务器对于建站有什么便捷的地方?香港VPS[主机]
- Centos7的firewall 防火墙如何设置端口转发?全球[VPS测评]
- 恒星云:高防服务器优惠活动,成都高防云服务器及辽宁香港服务器特惠活动香港VPS[主机]
- 极光KVM:美国香港vps CN2 GIA专线高速稳定,BGP服务器低至美国VPS[主机]
- 汇速云:香港沙田CN2云主机,2核CPU带宽1M月付6元,2核2M带宽月香港VPS[主机]
- 无忧云,香港VPS全线5折促销,四川高防服务器/大连BGP/德阳高防/深香港VPS[主机]
- 搬瓦工:美国香港cn2 gia线路VPS,10Gbps带宽,移动+联通企美国VPS[主机]
- JGKVM:1核/512M/30G/600G/30Mbps/洛杉矶CN2全球[VPS测评]
- Hostkvm:香港/韩国CN2云服务器 大带宽VPS 2核4G,$7.韩国VPS[主机]
- 初忆云:香港美国cn2云服务器30元;香港cn2高防vps30元,美国1美国VPS[主机]
- 免备案服务器对权重和网站排名有影响吗?全球[VPS测评]
- 啤啤云:美国圣何塞vps/香港安畅vps,GIA线路,全场9折终身优惠美国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-21776.html











