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
- jquery css3实现的进度条动画特效，带加载进度条百分比动态效果。 全球[VPS测评]
- 香港的云服务器值得租用吗？有什么好处？ 香港VPS[主机]
- 百看不厌的文案，抖音唯美文案。 全球[VPS测评]
- CIO和其他IT领导者充分利用边缘计算增强业务的4个关键 全球[VPS测评]
- 福州职业技术学院获得世界职业院校技能大赛云计算赛项银牌 全球[VPS测评]
- btcvps,比特云怎么样?香港VPS,KVM架构带宽4M月付88港币 香港VPS[主机]
- 极光KVM：美国香港vps CN2 GIA专线高速稳定,BGP服务器低至 美国VPS[主机]
- 纳米云怎么样?纳米云香港vps,4核1G主机价格80元/月 香港VPS[主机]
- 美云香港云服务器怎么样?1核1G香港云服务器价格99元/月 香港VPS[主机]
- 品光网络怎么样?香港美国服务器/云/高防，开年采购3.5折起 美国VPS[主机]
- 56云服务器怎么样?56云免备案香港云服务器价格多少钱? 香港VPS[主机]
- 一万网络双蛋狂欢活动：2核2G5M云服务器仅377.46元/年 全球[VPS测评]
- 云米科技：美国CERA三网回程GIA 10Mbps大带宽,年付最低400 美国VPS[主机]
- 初忆云： 滁州电信、湖北电信云服务器价格低至10元起,续费同价 全球[VPS测评]
- 蓝队云服务器怎么样?蓝队云服务器价格和优势是什么? 全球[VPS测评]
- 阿里云免备案服务器怎么样?阿里云香港服务器价格多少钱一年? 香港VPS[主机]
- 桔子数据：香港CN2大带宽云服务器28元/月_1核/1G/10M带宽/C 香港VPS[主机]
- 欧亚云：新春优惠,洛杉矶CERA云主机仅25元/月起,香港CN2仅28元 香港VPS[主机]
- 硅云：香港免备案云服务器仅232元/年;香港2核2G2M仅482元/年 香港VPS[主机]
- DiyVM：香港/日本/美国vps低至5折,2G内存月付69元起;香港服 日本VPS[主机]
- 千古互动：香港vps,1核/1G/20M,月付35元起；挂机宝5元/月起 香港VPS[主机]
- 众创逸云：香港CN2/美国CN2降价促销,4核4G云服务器低至68元/月 美国VPS[主机]
- VPS成立BurjeelHoldings 全球[VPS测评]
- 外贸无界烟台市有多少跨境电商？烟台跨境电商开发平台，烟台跨境电商选品 全球[VPS测评]
- 华凯易佰同比扭亏跨境电商行业回暖H2旺季将至｜中报追踪 全球[VPS测评]
- 冀青云怎么样?香港CN2-GIA vps月28元/香港NTT 月9元 香港VPS[主机]
- 乐趣云怎么样?香港美国云服务器首月8.8元，新增IP5元/个 美国VPS[主机]
- 麻花云怎么样?安徽移动VPS月付29元 香港VPS 2M月付21元 香港VPS[主机]
- anyhk香港HKT商宽NAT VPS,1Gbps无限流量,终身8折¥3 香港VPS[主机]
- 极客主机,美国高防/日本软银/新加坡双程CN2/香港VPS 折后39元/ 日本VPS[主机]
转载请注明原文地址: http://140.238.13.167:12355/read-21776.html