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
- 特价促销 DediPath→所有架构 VPS 全场 5 折优惠 hybr全球[VPS测评]
- Hetzner - 庆祝 Falkenstein 机房成立 10 周年 全球[VPS测评]
- 日本 VPS 49 元每月 1G 内存 650G 流量 日本大阪 Hos日本VPS[主机]
- 欧洲一般-SpectraIP→€2.5 月 1 核 1G 1T 流量 自全球[VPS测评]
- 做站 腾讯云秒杀→上海 北京 2G 内存 2M 带宽套餐￥680 3 年全球[VPS测评]
- CenterHop→$1.5 月 256MB 内存 5GB SSD 空间虚拟空间(主机)
- 标准互联高性能襄阳裸金属服务器特惠,8 核 16G 仅 240 元 月,全球[VPS测评]
- bacloud→€33.33 月 e3-1230v2 8G 内存 2*1全球[VPS测评]
- 大盘机 $2.99 月 2 核 CPU 512M 内存 250G 硬盘 全球[VPS测评]
- 优惠 Digital-VM→7 折优惠 日本机房 10Gbps 大带宽不日本VPS[主机]
- 忘记WordPress后台密码要如何找回或修改密码全球[VPS测评]
- 搬瓦工VPS，主机界高端线路中的战斗机，提供四条超大带宽高端线路全球[VPS测评]
- Adobe Acrobat PDF 排版插件 Quite Imposin全球[VPS测评]
- 如何识别wordpress主题文件是否被挂木马？全球[VPS测评]
- 浅谈博客运营前、中、后期如何实现盈利全球[VPS测评]
- ZeptoVM 512M内存 10G SSD 320G流量 1G带宽 伯全球[VPS测评]
- 2.45亿、成都公安（大数据基座-服务器）采购：神码、虹信、海康、超聚变全球[VPS测评]
- 买了一台云服务器到底能干什么？全球[VPS测评]
- 菠萝云服务器怎么样?香港云主机BGP、CN2,2核1G2M带宽仅49元/香港VPS[主机]
- 港网科技怎么样?国内BGP云主机,2核2G5M带宽仅377.46元/年全球[VPS测评]
- 亚马逊卖家与广告流量之间的博弈才刚刚开始？品牌卖家如何冲破广告之困...全球[VPS测评]
- 虾皮跨境电商怎么样？虾皮跨境电商靠谱吗？全球[VPS测评]
- earidc怎么样?香港三网cn2vps带宽1M月付29元香港VPS[主机]
- 为什么阿里云、腾讯云卖服务器可以挣到钱？全球[VPS测评]
- 恒星云：香港沙田CN2VPS低至9.9元/起_国内BGP云服务器4核4G香港VPS[主机]
- VPSPlayer,超便宜香港cn2线路小带宽VPS,2核4G内存仅30香港VPS[主机]
- 遨游主机：8折优惠,美国cn2 gia vps,54元/月,2G内存/1美国VPS[主机]
- 老六云怎么样?香港cn2vps月付23元香港NTT月付9.9元香港VPS[主机]
- 中久数据：2021新年特惠便宜挂机宝5元/月,香港1G仅20元/月,美国美国VPS[主机]
- acroservers：香港/日本/新加坡/洛杉矶等37个机房可选,海外日本VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-31504.html