更改kindeditor编辑器,支持h5的video标签替换原有embed标签

时间:2024-03-31 08:49:45

kindeditor是一款不错的可视化编辑器,考虑到现在h5中的video标签的强大,于是决定将原来系统中的embed标记更改好video。修改kindeditor-all.js具体操作如下:

1.讲video添加为不需要过滤过的标签

video : ['id', 'class', 'src', 'width', 'height', 'type', 'loop', 'autostart', 'quality', '.width', '.height', 'align', 'allowscriptaccess','controls'],

更改kindeditor编辑器,支持h5的video标签替换原有embed标签

2.加上MP4视频类型

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

更改kindeditor编辑器,支持h5的video标签替换原有embed标签

3.根据视频类型判断

if(attrs.type=="video/mp4"){
    var html = '<video ';
    _each(attrs, function(key, val) {
        html += key + '="' + val + '" ';
    });
    html += 'controls="controls"/>';
}

更改kindeditor编辑器,支持h5的video标签替换原有embed标签

最终效果如图:

更改kindeditor编辑器,支持h5的video标签替换原有embed标签