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>";
}
评论
本文评论功能已关闭。