kindeditor视频上传:标签embed替换成video

方和豫
2023-12-01

1、在kindeditor.js源码中找到k.options = [embed:''],在embed后面插入如下代码:


video: ['id', 'class', 'src', 'width', 'height', 'type', 'loop', 'autoplay', 'quality', '.width', '.height', 'align', 'controls', 'muted','controlslist'],

2、找到function _mediaType(){},插入如下内容:

if (/\.(mp4)(\?|$)/i.test(src)) {
	    return 'video/mp4';
}
if (/\.(ogg)(\?|$)/i.test(src)) {
		return 'video/ogg';
}
if (/\.(webm)(\?|$)/i.test(src)) {
		return 'video/webm';
}

3、找到function _mediaEmbed(){},插入如下内容:

if (['video/mp4','video/webm','video/ogg'].includes(attrs.type )) {
		var html = '<p><br /></p><p style="text-align:center;"><video '+ ' class="' + _mediaClass(attrs.type) + '" type="video/mp4"';
		_each(attrs, function (key, val) {
			html += key + '="' + val + '" ';
		});
		html += ' controls="controls" autoplay="autoplay" muted="muted" controlslist="nodownload" /></p><p><br /></p>';
	}else{
		var html = '<embed ';
		_each(attrs, function(key, val) {
			html += key + '="' + val + '" ';
		});
		html += '/>';
	}

4、找到function _mediaImg(){},插入如下内容:实际上只是添加了是mp4的判断里面的内容

if (attrs.src.indexOf(".mp4") != -1) {
		var html = `<p><br /></p><p style="text-align:center;"><video src="${attrs.src}"     controls="controls" width="${width}" height="${height}" class="${_mediaClass(attrs.type)}"  type="video/mp4" >您的浏览器太老了, 不支持视频播放。请下载最新浏览器!</video></p><p><br /></p>`
	} else {
		var html = '<img class="' + _mediaClass(type) + '" src="' + blankPath + '" ';
		if (style !== '') {
			html += 'style="' + style + '" ';
		}
		html += 'data-ke-tag="' + escape(srcTag) + '" alt="" />';
	}

完成以上四部就可把之前的embed标签换成video标签了

 类似资料: