- 2016 02/16
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&auto=0")
.replace(/v\.qq\.com\/[\w]+\/[\w]+\/[\w]+\/[\w]+\/[\w]+\/([\w]+)\.html/i, "v.qq.com/iframe/player.html?vid=$1&auto=0")
.replace(/v\.qq\.com\/[\w]+\/[\w]+\/[\w]+\/[\w]+\/([\w]+)\.html/i, "v.qq.com/iframe/player.html?vid=$1&auto=0")
.replace(/v\.qq\.com\/cover\/[\w]+\/[\w]+\/[\w]+\/([\w]+)\.html/i, "v.qq.com/iframe/player.html?vid=$1&auto=0")
.replace(/v\.qq\.com\/cover\/[\w]+\/[\w]+\/([\w]+)\.html/i, "v.qq.com/iframe/player.html?vid=$1&auto=0")
.replace(/v\.qq\.com\/cover\/[\w]+\/([\w]+)\.html/i, "v.qq.com/iframe/player.html?vid=$1&auto=0")
.replace(/v\.qq\.com\/.+[\?\&]vid=([^&]+).*$/i, "v.qq.com/iframe/player.html?vid=$1&auto=0")
.replace(/\?f=.*/, "");
}
return url;
},
注:此方法针对微信开发定制,修改之后将只适用于腾讯视频!
接下来只要复制视频页面的地址栏URL到“视频网址”一栏就可以识别腾讯视频了。

