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
- 微基主机 7 月促销→美国主机 65 折优惠 日本 CN2 VPS 首月日本VPS[主机]
- $5 月 2CPU 512M 内存 12G SSD 1.5T 1Gbps全球[VPS测评]
- 疯狂猜成语 图猜成语一个善字抱着另外一个善字是什么成语？全球[VPS测评]
- 数脉科技→365 元 月-E3 1230v2 16GB 1TB 10M 香港VPS[主机]
- 秒杀 腾讯云→香港 1G 内存 VPS 年付 299 元 无需备案 北京香港VPS[主机]
- Uovz→2000 元 月 2*E5-2450L 16GB 内存 1TB日本VPS[主机]
- 织梦 cmsTAG 标签显示每个标签共有多少篇文章全球[VPS测评]
- FlashFXP 错误 530 Login incorrect 解决方法全球[VPS测评]
- 特价 Cloudcone→洛杉矶 MC 机房独立服务器 6 折优惠 CN独立服务器[U]
- 搬瓦工 512M 小内存补货→1Gbps 带宽 cn2 gia 直连 $全球[VPS测评]
- Hostodo拉斯维加斯机房VPS促销送DirectAdmin授权，硬盘全球[VPS测评]
- 代码实现类似大前端DUX WordPress主题评论列表显示楼层全球[VPS测评]
- 使用测速脚本对国外VPS服务器进行测速全球[VPS测评]
- 微基主机：洛杉矶 Cera CU4837 和CU9929 KVM VPS全球[VPS测评]
- 大前端 DUX 增强版 WordPress 主题：DUX-Plus 支持全球[VPS测评]
- Netcetera 英国便宜Linux VPS和Windows VPS首WINDOWS
- EdgeCloud 菲律宾VPS服务器 测评记录全球[VPS测评]
- Rabbithosts 美国 BGP-P → 电信CN2 GIA 联通9美国VPS[主机]
- 自适应bootstrap左侧导航可关闭全球[VPS测评]
- 创意加载进度HTML动画特效，SVG+CSS3实现的动画死神来了load全球[VPS测评]
- 2020畅行云双11活动：海内外云服务器超低1.5折,2核2G5M云主机全球[VPS测评]
- 跨境电商平台首选香港服务器香港VPS[主机]
- 跨境电商有哪些平台？十大跨境电商平台！全球[VPS测评]
- asiacloud怎么样?香港云服务器(cn2 gia),6折优惠,1GWINDOWS
- 游戏服务器是什么意思？游戏服务器可以用云服务器吗？全球[VPS测评]
- SEO和网页加载速度有关系吗？如何提升？全球[VPS测评]
- 硅云：香港免备案云服务器仅232元/年;香港2核2G2M仅482元/年香港VPS[主机]
- 金斗云：全场8折起,美国圣何塞高防VPS,20元/月;香港CN2 VPS美国VPS[主机]
- DMIT：香港/洛杉矶GIA等KVM VPS,黑五DMIT优惠码活动,稳香港VPS[主机]
- Pia云：美国三网CN2 GIA线路,15元/月起;香港云主机1核/2G美国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-31504.html