tinymce编辑器过滤video在微信中使用的X5内核设置 x5-video-player-type。。。

在使用tinymce编辑器上传视频汇中发现,video一些元素被编辑器过滤了,如下:

//粘贴的代码

 //报存后的代码

解决方法是在初始化tinymce时配置extended_valid_elements属性来扩展video
tinymce具体属性配置附链接:http://tinymce.ax-z.cn/configure/content-filtering.php#valid_elements

data() {
    return {
      hasChange: false,
      hasInit: false,
      tinymceId: this.id || 'vue-tinymce-' + +new Date(),
      fullscreen: false,
      extended_valid_elements: 'video[id|src|poster|preload|loop|x-webkit-airplay|x5-video-player-type|x5-video-player-fullscreen|x5-video-orientation|webkit-playsinline|playsinline|style|controls]' 
    }
  },
  method() {
  initTinymce() {
      const _this = this
      window.tinymce.init({
        selector: `#${this.tinymceId}`,
        height: this.height,
        ...
        ...
        ...
        extended_valid_elements: this.extended_valid_elements //扩展有效元素
        ''....}
  }

例外在微信用video元素播放视频,播放结束后出现腾讯推荐的一些低俗视频,百度了一堆方法都没有解决,最后没办法只能通过使用loop属性使视频播放结束后再自动循环播放。

你可能感兴趣的:(微信公众开发,tinymce,video,微信)