最近发现kingeditor编辑器插入视频无法播放

最新推荐文章于 2024-09-15 18:58:05 发布

暗夜丶行者

最新推荐文章于 2024-09-15 18:58:05 发布

阅读量928

点赞数 3

分类专栏： kindeditor 编辑器后台开发文章标签：编辑器 c#

本文链接：https://blog.csdn.net/qq_21360903/article/details/109223746

版权

kindeditor 同时被 3 个专栏收录

1 篇文章 0 订阅

订阅专栏

编辑器

1 篇文章 0 订阅

订阅专栏

后台开发

1 篇文章 0 订阅

订阅专栏

最近发现kingeditor编辑器插入视频无法播放

最近用到kingEditor编辑器，发现在添加上传视频的时候（下图）是无法播放的，而且在查看源代码的时候发现是embed标签并不是video标签，于是就在网上查找各种资料后发现也都没用，这个问题困扰了好几天，经过几天的尝试，总算解决了，总共有两步，第一步就是大家在网上经常看到的将video添加为不需要过滤过的标签。第二部也是最重要的部分就是把embed替换成video，方法如下：

先看看没改之前的：

kingeditor正常播入音视频，查看源代码变为embed 了

在这里插入图片描述

解决方法

第一步
首先找到kindeditor.js

在这里插入图片描述
将video添加为不需要过滤过的标签

video : [‘id’, ‘class’, ‘src’, ‘width’, ‘height’, ‘type’, ‘loop’, ‘autostart’, ‘quality’, ‘.width’, ‘.height’, ‘align’, ‘allowscriptaccess’,‘controls’],
在这里插入图片描述
加上MP4视频类型

在这里插入图片描述
根据视频类型判断，增加以下代码

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