如何让KindEditor支持Html5 video标签播放视频

发表时间
评论 没有

KindEditor上传视频后使用的embed标签现在很多主流浏览器都不支持,无法实现视频播放。如何才能生成html5的video标签实现视屏播放呢?

打开/kindeditor/kindeditor-all.js

找到 function _mediaType(src) { 函数
return 'video/x-ms-asf-plugin'; 前加上

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

再找到 function _mediaEmbed(attrs) { 函数
html += key + '="' + val + '" '; 后加上

if (val=='video/mp4') video = true;
if (val=='video/ogg') video = true;
if (val=='video/webm') video = true;

return html; 前加上

if (video) {
	html = '<video ';
	_each(attrs, function(key, val){
		if (key=='autostart' && val=='true') {
			html += "autoplay=\"autoplay\"";
		}
		else if (key=='loop' && val=="true") {
			html += "loop=\"loop\"";
		}
		else {
			html += key + '="' + val +'" '; 
		}
	})
	html += "controls=\"controls\">您的浏览器太老了,不支持html5视频播放!请更换新的浏览器!</video>";
}

作者
分类 网站建设

评论

本文评论功能已关闭。

← 较早的 较新的 →

相关文章