WordPress增加自动解析youtube视频功能

vps网友提供 08-31 vps促销优惠 365

前面讲过怎么样张wordpress增加优酷视频解析教程,自己感觉了一下还挺实用的,今天为大家介绍如果给你的博客增加youtube视频解析功能,同时增加短代码,当然,首先你要能打开youtube视频,如果你的博客是面向外国人的,可以这样做,原理其实和增加优酷视频一样的。

一、找解析地址

这个网上的大佬们也有提供,首先我们找到一个youtube的视频地址:(可以百度找一个)

https://www.youtube.com/watch?v=WrY6n0gDuAc,其实我们还有其他vps介绍,例如之前说过的:,其实我们还有其他vps介绍,例如之前说过的:,对此内容感兴趣的同学,还可以看看这个文章:,想了解更多可以看看,这几篇文章,例如:

同样的,我们需要只是上面红色部分,因为是要增加短代码,解析地址为: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;
  }

因为之前我增加了优酷,所以下面的调用图片的地方直接增加就可以了,同时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('
'); } }); }, createControl : function(n, cm) { return null; }, }); tinymce.PluginManager.add('youtube', tinymce.plugins.youtube);

找一个你想要的图标文件,放入buttons文件夹里,后台写文章的面板里就会出有这个图标了。短代码格式如下:


我是访问不了youtube的,不过让朋友试了一下,可以正常显示视频。,vps内容介绍的还不够详细?看看这个文章怎么说的:,推荐对这类VPS资源感兴趣的同学看看这些文章,

转载请注明:开心VPS测评 » WordPress增加自动解析youtube视频功能,其实我们还有其他vps介绍,例如之前说过的:

本文由 vps网友提供 刊发,转载请注明出处

本文链接: https://www.vpsvsvps.com/vps/a/2827.html

标签: WordPress增加youtube,WordPress增加解析youtube,WordPress解析youtube,youtube视频功能

“WordPress增加自动解析youtube视频功能” 的相关文章

ucloud 双12优惠狂欢继续 全球云主机狂欢折扣价,仅37元/年起

UCloud优刻得 (优刻得科技股份有限公司)是中立、安全的云计算服务平台。自主研发IaaS、PaaS、大数据流通平台、AI服务平台,推出公有云、私有云、混合云...

数脉科技:优惠促销码,新人最高减600

数脉科技简介 Digital Pulse Technology Limited 數脈科技有限公司 数脉科技香港CR编号 2830621,香港数据中心基础服务商。...

sharktech主机商(鲨鱼科技):20周年庆20%折扣,8折主机随意选

豪横,官方介绍20年8折优惠,截止8月31日 先上优惠码: 代码: ST20Y 官方网址: https://sharktech.net/ 活动地址: https...

locvps主机商: 香港云地流量升级大带宽香港VPS

LocVps是一家老牌国人主机商,提供美国洛杉矶(MC/C3)、和中国香港(邦联、沙田电信、大埔)、日本(东京、大阪)、新加坡、德国和荷兰等机房VPS主机,基于...

vultr 主机商 免费云主机套餐计划

vultr推出的免费申请云主机计划,站长也是刚刚发现,感觉错过了好几亿..... 免费云主机套餐计划官方地址: https://www.vultr.com/fr...