在TinyMCE编辑器中显示视频

时间:2017-07-03 08:36:39

标签: javascript html tinymce tinymce-4 tinymce-plugins

下午好,我会详细解释这个问题。我将TinyMCE编辑器版本4.6.4连接到我的网站。它有Media插件中的插件,您可以通过它插入媒体文件到编辑器中。

因此,我将视频添加到编辑器中。实际上,您可以通过不同的方式添加视频,其中一个是为编辑提供直接链接,我这样做。

编辑器的初始化中有一个参数media_live_embeds,可以插入位置truefalse,如果参数插入为true,那么,添加的视频可以直接在编辑器中播放。

问题在于,如果我从我的网站(vvv.mp4示例)中提供视频链接,那么它就不会播放(就像参数插入media_live_embeds:false一样)。

但是,例如,如果我从youtube添加视频链接(例如https://www.youtube.com/watch?v=q6_yRWPd4Yc),那么它就可以了。

屏幕上有2个视频,第一个带有youtube链接,第二个带有网站链接,第一个是直接从编辑器播放,第二个不是。

enter image description here

我的错误是什么?谁有这个问题?

以下是editor,您可以自己测试一下。

1 个答案:

答案 0 :(得分:1)

该属性的名称为media_live_embeds,因此这将允许直接在编辑器中嵌入媒体。当您插入视频网址时,tinyMce构建嵌入视频代码集成:

<iframe width="560" height="315" src="https://www.youtube.com/embed/LIMYj5mpMM4" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>

但是当您从网站插入视频而不创建对内容视频或本地文件的URL访问时,tinyMce将创建一个html元素:<video><video>。所以你不能在编辑器中播放它,因为它不是嵌入媒体网址。