关于tinymce富文本编辑器定义上传视频无法删除的解决办法

使用的版本为4.9.3,使用的是自己封装的一个按钮组件

插入视频代码如下

videoSuccessCBK(value) {

            window.tinymce

                .get(this.tinymceId)

                .insertContent(`<div><video style="display: inline-block" src="${this.qiniuUrl + value}" class="" width="400" height="400" controls="controls"></video><p></p></div>`); 

}

这样最后在编辑器的视频删除不了，而且也不能看到焦点，最终各种尝试这样才解决的，如下代码：

videoSuccessCBK(value) {

            window.tinymce.get(this.tinymceId).insertContent(

                `<p>

                  <span class="mce-preview-object mce-object-video" contenteditable="false"

                   data-mce-object="video" data-mce-p-allowfullscreen="allowfullscreen"

                    data-mce-p-frameborder="no" data-mce-p-scrolling="no"

                     data-mce-p-src="${this.qiniuUrl + value}" >

                      <video src="${this.qiniuUrl + value}" width="400" height="400"

                       controls="controls"></video>

                  </span>

                </p>`

            );

        }