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
- 疯狂猜成语 图猜成语一个咻字和一只鹤是什么意思？全球[VPS测评]
- W3Space→$15 年 1GB 内存 25GB SSD 空间 1.5虚拟空间(主机)
- 锐速 BBR 魔改 BBR 效果对比 锐速和 BBR 选择哪个好全球[VPS测评]
- 傲游主机→64 元 月 KVM-2GB 40GB 400GB 香港(CN香港VPS[主机]
- 活动 腾讯云秒杀→1 核 2G 国内套餐年付 99 元 2 核 4G3M全球[VPS测评]
- binarylane→$4 月 1GB 20GB SSD 空间 1TB 虚拟空间(主机)
- tudcloud→“五一” 香港不限流量 VPS 一律 7 折优惠 三网香港VPS[主机]
- imidc→(香港+台湾)独立服务器 $30 月 e3-12xx 16g独立服务器[U]
- 篱落主机 香港多线BGP VPS 黑五特惠 全场5折终身优惠码香港VPS[主机]
- 网站配置HSTS协议的好处和必要性全球[VPS测评]
- 大前端早期 WordPress 主题 D8 5.3 无限制 无后门 支持全球[VPS测评]
- 谷歌浏览器Google Chrome版本大全全球[VPS测评]
- 微基主机 洛杉矶 Cera Gen2 VPS预售 AMD5900x/2G全球[VPS测评]
- 香港云服务器的优势有哪些方面香港VPS[主机]
- 6种样式社交论坛网站HTML5模板 - Social全球[VPS测评]
- 8K超高清记录中国空间站凌月：天和核心舱与问天实验舱组成“土”字结构虚拟空间(主机)
- 腾讯云香港轻量应用服务器 优惠活动最低月付仅24元香港VPS[主机]
- Linux chown -R 指令介绍与使用全球[VPS测评]
- 腾讯会议故障了 提示：会议发生异常请重新加入会议全球[VPS测评]
- 野草云vps怎么样?香港美国vps,1核1G3M带宽,38元/月美国VPS[主机]
- wikihost,微基主机：1核/1G/15G/100Mbps/香港vp香港VPS[主机]
- 拼多多也要做跨境电商？出海之路能一帆风顺吗，了解一下全球[VPS测评]
- 向日葵-漏洞科普：海外云服务器三种漏洞修复方法快收藏起来！全球[VPS测评]
- 亚当云怎么样?香港安畅cn2vps带宽10M月付28元香港VPS[主机]
- btcvps,比特云怎么样?香港VPS,KVM架构带宽4M月付88港币香港VPS[主机]
- 翔云网络怎么样?香港云服务器优惠99/月,国内4核4G高防服务器6800香港VPS[主机]
- 情画数据：香港沙田CN2云服务器,2核/2G/5M带宽,年付200元香港VPS[主机]
- 腾讯云香港服务器需要备案吗?腾讯云香港轻量服务器优惠活动香港VPS[主机]
- 阁天互联怎么样?香港cn2云服务器 圣何塞cn2vps仅20/月香港VPS[主机]
- 华凯易佰同比扭亏跨境电商行业回暖H2旺季将至｜中报追踪全球[VPS测评]
转载请注明原文地址:http://140.238.13.167:12355/read-25023.html