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

更改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

来源:网络
相关评论
我要评论
  • 大名:
  • 内容:
  • 愛德華網絡世界(www.ok5266.com) © 2004-2022 版权所有 All Rights Reserved.
  • E-mail:ok5266@gmail.com E-ICP備:05013632
  • Powered by Edward Web World V4.0.6