爱德华网络世界

当前位置:首页 > 精品文萃 > 电脑互联 > 内容

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

作者:Hing_Wah    更新时间:2022-6-12 21:03:22

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标签

————————————————
版权声明:本文为CSDN博主「Hing_Wah」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Hing_Wah/article/details/89575797

来源:网络

特别声明:以上作品内容(包括在内的视频、图片或音频)为用户上传并发布,本平台仅提供信息存储空间服务。如遇版权问题,请立即联系删除。

Notice: The content above (including the videos, pictures and audios if any) is uploaded and posted by the user. This platform merely provides information storage space services. In case of copyright issues, please contact us at the first time and we will remove the related content immediately.

  • 上一篇:CKplayer功能配置
  • 下一篇:今年最值得入手的三款影像旗舰,毕业季旅拍助你轻装上阵
  • 相关评论

    我要评论

    大名: (*缺省将显示IP)
    内容:

    最新更新

    热门推荐

    手机端首页 | PC端

    © by Edward Web World