WordPress增加自动解析youtube视频功能
 |
 |
 |
 |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |
前面讲过怎么样张wordpress增加优酷视频解析教程，自己感觉了一下还挺实用的，今天为大家介绍如果给你的博客增加youtube视频解析功能，同时增加短代码，当然，首先你要能打开youtube视频，如果你的博客是面向外国人的，可以这样做，原理其实和增加优酷视频一样的。
一、找解析地址
这个网上的大佬们也有提供，首先我们找到一个youtube的视频地址：（可以百度找一个）
https://www.youtube.com/watch?v=WrY6n0gDuAc
同样的，我们需要只是上面红色部分，因为是要增加短代码，解析地址为：https://www.youtube.com/embed/+上面红色部分
二、增加短代码
我们需要把短代码增加到函数文件中，所有主题的函数文件都是functions.php，但是有一些主题这个文件里的代码非常少，会解析到另外的地址，只要看一下代码就可以，我们在这里面增加以下代码：
function youtube($atts,$content=null,$code=""){ $return = '<div class="video-container"><iframe height="498" width="100%" src="https://www.youtube.com/embed/'; $return .= $content; $return .= '" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>'; return $return;}add_shortcode('youtube','youtube');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"); array_push($buttons," ","youtube"); return $buttons;}function add_plugin($plugin_array){ $plugin_array['youku'] = get_bloginfo('template_url').'/buttons/more.js'; $plugin_array['youtube'] = get_bloginfo('template_url').'/buttons/more.js'; return $plugin_array; }| 1234567891011121314151617181920212223242526 | function youtube($atts,$content=null,$code=""){ $return = '<div class="video-container"><iframe height="498" width="100%" src="https://www.youtube.com/embed/'; $return .= $content; $return .= '" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>'; return $return;}add_shortcode('youtube','youtube');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"); array_push($buttons," ","youtube"); return $buttons;}function add_plugin($plugin_array){ $plugin_array['youku'] = get_bloginfo('template_url').'/buttons/more.js'; $plugin_array['youtube'] = get_bloginfo('template_url').'/buttons/more.js'; return $plugin_array; } |
因为之前我增加了优酷，所以下面的调用图片的地方直接增加就可以了，同时video-container可以在CSS设置样式，同样的，需要去more.js里增加调用按钮图片，打开JS文件，增加：
tinymce.create('tinymce.plugins.youtube', { init : function(ed, url) { ed.addButton('youtube', { title : 'YouTube', image : url+'/images/youtube.png', onclick : function() { ed.selection.setContent('[youtube]' + ed.selection.getContent() + '[/youtube]'); } }); }, createControl : function(n, cm) { return null; }, }); tinymce.PluginManager.add('youtube', tinymce.plugins.youtube);| 123456789101112131415 | tinymce.create('tinymce.plugins.youtube', { init : function(ed, url) { ed.addButton('youtube', { title : 'YouTube', image : url+'/images/youtube.png', onclick : function() { ed.selection.setContent('[youtube]' + ed.selection.getContent() + '[/youtube]'); } }); }, createControl : function(n, cm) { return null; }, }); tinymce.PluginManager.add('youtube', tinymce.plugins.youtube); |
找一个你想要的图标文件，放入buttons文件夹里，后台写文章的面板里就会出有这个图标了。短代码格式如下：
[youtube]9Yam5B_iasY[/youtube]
我是访问不了youtube的，不过让朋友试了一下，可以正常显示视频。
[wordpress]历史优惠活动内容
猜你可能想看的VPS
- VoLLcloud：香港大带宽云服务器/300Mbps/不限速度,$5/ 香港VPS[主机]
- 拼多多也要做跨境电商？出海之路能一帆风顺吗，了解一下 全球[VPS测评]
- HostKVM香港云地VPS,2核4G内存折后$8.4/月,30M大带宽 香港VPS[主机]
- 极客主机,美国高防/日本软银/新加坡双程CN2/香港VPS 折后39元/ 日本VPS[主机]
- Ubuntu关机命令是什么?Ubuntu关机命令介绍 全球[VPS测评]
- edgeNAT：全场6折优惠，韩国CN2、美国CN2、香港CN2月付36 韩国VPS[主机]
- 亿速云“双11”上云狂欢大促 高防云服务器、裸金属服务器优惠套餐 全球[VPS测评]
- 2020年国外VPS哪个最好?教你学会选择国外VPS 全球[VPS测评]
- 搬瓦工：全场VPS 9折优惠,10Gbps(美国cn2 gia+日本软银 日本VPS[主机]
- 酷锐云：元旦钜惠_美国CN2VPS低至20元/月_1核2G香港云主机低至 美国VPS[主机]
- KVMCloud：1核/512M/40G硬盘/无限流量/美国/香港BGP 美国VPS[主机]
- UCloud全球大促活动：香港2核4G2M仅485元/年(台湾437元/ 美国VPS[主机]
- pittqiao：彰化HiNet/台北CN2/东京NTT/上海茂名联通C 全球[VPS测评]
- 六六云：香港BGP云服务器/80M大带宽,月付45元起,5折优惠码可用 香港VPS[主机]
- Ceraus：香港CN2云服务器,香港GIA VPS去程移动回程路线,月 香港VPS[主机]
- 尊云：河南BGP云服务器2核4G仅68.6元/月,823.2元/年;香港 香港VPS[主机]
- TmhHost：1核/1G/40G SSD/3Mbps/香港三网CN2 香港VPS[主机]
- 宝塔面板如何升级OpenSSL（亲测可用） 全球[VPS测评]
- 易探云：香港云服务器2核2G5M首月39元,带1G防御,年付6.8折优惠 香港VPS[主机]
- 智旭云：香港1核2G3M云服务器仅19元/月;大连/沈阳云服务器48.7 香港VPS[主机]
- 什么是分布式拒绝服务攻击，其原理及防范措施 全球[VPS测评]
- 恒创科技：海外服务器3折优惠,美国/香港云服务器2核4G2M仅958元/ 美国VPS[主机]
- HTML5绿色有机食品电商网站模板 - Organtio 全球[VPS测评]
- 很简单的图片不规则布局样式，纯css样式实现的图片瀑布流布局 全球[VPS测评]
- 74块钱一年的云服务器可以用来做什么？ 全球[VPS测评]
- 言車新车｜大阳VPS125混动踏板，长续航，代步通勤9980元起 全球[VPS测评]
- 曾经最大跨境电商平台团队收缩，只剩20人丨GoingGlobal周报 全球[VPS测评]
- Linux chown -R 指令介绍与使用 全球[VPS测评]
- 戈登云VPS,6折,充值送50%,香港cn2,美国cn云服务器,2核2G 美国VPS[主机]
- wikihost,微基主机：1核/1G/15G/100Mbps/香港vp 香港VPS[主机]
转载请注明原文地址: http://140.238.13.167:12355/read-25023.html