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

学习的态度

于 2019-11-30 16:43:49 发布

阅读量3k

点赞数 2

分类专栏：微信公众开发文章标签： tinymce video 微信

本文链接：https://blog.youkuaiyun.com/weixin_42772271/article/details/103326167

版权

在Tinymce编辑器中遇到video元素被过滤的问题，通过配置extended_valid_elements属性可以扩展video支持。同时，针对微信内置X5内核播放视频后出现推荐内容的困扰，采用loop属性实现视频循环播放以避免推荐显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

//粘贴的代码
<video id="videoID" src="" preload="auto" loop="loop" x-webkit-airplay="allow" x5-video-player-type="h5-page" x5-video-player-fullscreen="true" x5-video-orientation="portraint" webkit-playsinline="true" playsinline="true" style="object-fit: fill;" controls="controls" width="300" height="150">
            </video>
 //报存后的代码
<video id="videoID" src="" preload="auto" loop="loop" style="object-fit: fill;" controls="controls" width="300" height="150">
            </video>

解决方法是在初始化tinymce时配置extended_valid_elements属性来扩展video
tinymce具体属性配置附链接：