自定义插入视频

编辑器默认情况下用 <video> 插入视频,如下图。

<video> 不一定能满足所有人的需求,此时你可以通过 editor.config.customInsertVideo 自定义插入视频的形式。

例如,你需要使用西瓜视频插件,来插入视频,代码如下:

// 现在在 html 引入 <script src="//cdn.jsdelivr.net/npm/xgplayer@2.9.6/browser/index.js" type="text/javascript"></script> 具体引入方式参考插件官方文档
editor.config.customInsertVideo = function (videoUrl) {
    // videoUrl 是返回的视频地址

    // 往编辑器插入 html 内容
    editor.cmd.do(
        'insertHTML', 
        `<p>
            <p contenteditable=false id="mse" style="max-width:100%"></p>
        </p>`
    )
    // 初始化视频
    new Player({
        id: 'mse',
        url: videoUrl
    });
}

editor.cmd.do 可参考 常见 API

Copyright © wangEditor (2020 - present) all right reserved,powered by GitbookFile Modify: 2021-08-11 04:24:48

results matching ""

    No results matching ""