UMeditor-video.js定制腾讯视频

UMeditor也是百度开发的一款富文本编辑器,相比UEditor的庞大,很多情况下选择UMeditor就够用了。

调用方法不再累述,因为微信内置浏览器只识别腾讯视频,所以在开发中需要对编辑器的视频组件也就是video.js进行修改。

需要修改的部分如下:(部分代码可能因生产环境不同需要有所区别)

       /**
         * 根据url生成视频预览
         */
        createPreviewVideo: function(url){

            if ( !url )return;

            var me = this,
                lang = me.lang,
                conUrl = me.convert_url(url);

            $("#eduiVideoPreview", me.$widget)[0].innerHTML = '<iframe class="video_iframe" scrolling="no" src="'+conUrl+'" allowfullscreen="" frameborder="0"'+' width="420" height="280"></iframe>';
        },
       /**
         * URL转换
         */
        convert_url: function(url){
            if ( !url ) return '';
            var matches = url.match(/youtu.be\/(\w+)$/) ||
                    url.match(/youtube\.com\/watch\?v=(\w+)/) ||
                    url.match(/youtube.com\/v\/(\w+)/),
                youku = url.match(/youku\.com\/v_show\/id_(\w+)/),
                youkuPlay = /player\.youku\.com/ig.test(url);

            if(youkuPlay){
                url = url.replace(/\?f=.*/, "");
            } else if (matches){
                url = "https://www.youtube.com/v/" + matches[1] + "?version=3&feature=player_embedded";
            }else if(youku){
                url = "http://player.youku.com/player.php/sid/"+youku[1]+"/v.swf"
            } else {
                url = url.replace(/v\.qq\.com\/cover\/[\w]+\/[\w]+\.html?vid=([\w]+)/i, "v.qq.com/iframe/player.html?vid=$1&amp;auto=0")
		            .replace(/v\.qq\.com\/[\w]+\/[\w]+\/[\w]+\/[\w]+\/[\w]+\/([\w]+)\.html/i, "v.qq.com/iframe/player.html?vid=$1&amp;auto=0")
		            .replace(/v\.qq\.com\/[\w]+\/[\w]+\/[\w]+\/[\w]+\/([\w]+)\.html/i, "v.qq.com/iframe/player.html?vid=$1&amp;auto=0")
		            .replace(/v\.qq\.com\/cover\/[\w]+\/[\w]+\/[\w]+\/([\w]+)\.html/i, "v.qq.com/iframe/player.html?vid=$1&amp;auto=0")
		            .replace(/v\.qq\.com\/cover\/[\w]+\/[\w]+\/([\w]+)\.html/i, "v.qq.com/iframe/player.html?vid=$1&amp;auto=0")
		            .replace(/v\.qq\.com\/cover\/[\w]+\/([\w]+)\.html/i, "v.qq.com/iframe/player.html?vid=$1&amp;auto=0")
		            .replace(/v\.qq\.com\/.+[\?\&]vid=([^&]+).*$/i, "v.qq.com/iframe/player.html?vid=$1&amp;auto=0")
                    .replace(/\?f=.*/, "");
            }
            return url;
        },

注:此方法针对微信开发定制,修改之后将只适用于腾讯视频!

接下来只要复制视频页面的地址栏URL到“视频网址”一栏就可以识别腾讯视频了。