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

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

作者:Hing_Wah 时间:2022-6-12 21:03:22 点击:

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

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.

相关评论
我要评论
  • 大名: (*请输入您的大名,缺省将显示IP地址。)
  • 内容:
  • 愛德華網絡世界(www.ok5266.com) © 2004-2024 版权所有 All Rights Reserved.
  • E-mail:ok5266@gmail.com E-ICP備:05013632
  • Powered by Edward Web World V4.0.6