Javascript 如何在TinyMCE中预览视频

我在我的博客上使用tinyMCE作为所见即所得编辑器。不幸的是，当我添加视频（来自youtube或vimeo）时，它在编辑器窗口中不可见（我只能在HTML模式下查看代码）。有没有一种方法可以生成预览或更好地在编辑器窗口中播放视频？

AFAIK，TinyMCE（或基本上任何所见即所得）无法做到这一点。

没有直接的解决方案可用，但我认为这个问题应该得到比上述问题更好的答案

在TinyMCE 3.4b3之前的版本中，作为iframe嵌入的媒体将以所见即所得模式播放。是的，所见即所得编辑器可以做到这一点（与上面的答案相反）

在3.4b3版本中，媒体插件被更改为与YouTube嵌入代码的更改相匹配

从3.4b3及以后，媒体插件将iframe替换为一个与它所代表的媒体大小相同的黄色框。原始的iframe属性被封装为JSON，并在编辑期间保存在一个特殊的标记中。稍后保存文本时，属性将恢复到原始iframe中

搜索此主题或类似主题会返回几个建议，以使用有效的\u元素或扩展的\u有效的\u元素。这些设置将影响HTML元素的处理方式。它们不能用于在所见即所得模式下启用媒体预览

这似乎是出于设计，如图所示。他还演示了媒体插件的可接受操作，在切换到预览模式后不显示预览

我仍然在寻找一个很好的解决方案，使用标准产品。另一种选择是，可以编写一个自定义版本的媒体插件，并添加域白名单，告诉它保持这些域中的iframe不变，以便它们也以所见即所得的方式显示。

---

启用此选项后，用户将在可编辑区域内看到嵌入式视频内容的实时预览，而不是占位符图像。这意味着用户可以在编辑器中播放视频剪辑，如YouTube。

为什么不可以？在编辑器的iframe中，它只是普通的html文档。否。相反，这个问题不存在。他们可能会使用一些欺骗手段来消除“不安全”因素。