正在MVC中渲染的YouTube视频

Question

使用K12SP及其MVC模型，我想在视图中添加嵌入式YouTube视频。我看到在CKEditor中有一个小部件可以执行此操作，并且它添加了相应的自定义HTMl标签，例如：

{^widget|(name)YouTubeVideo|(VideoURL)https%3a%2f%2fwww.youtube.com%2fwatch%3fv%3diwqgcxc0r5gfTzgw%26list%3dPLKeH-azh54PWS4kozV421JGVhCd5yw9Ia|(Width)425|(Height)355|(AutoPlay)False|(widget_displayname)YouTube+video^}

但是，在我看来，我现在需要处理theis语法以实际嵌入视频，因为这只是显示原始代码。我怎样才能做到这一点？我搜索了一些教程，但没有找到。

是否有地方可以使用富编辑器的这些默认小部件的前端代码？

谢谢您的帮助

西尔万

Answer 1

您为什么不使用常规的嵌入标记？例如：

<iframe width="560" height="315" src="https://www.youtube.com/embed/GkagBXZQvOI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

所有视频的HTML都相同，您需要在其中插入视频URL。

Answer 2

MVC方法不支持嵌入式窗口小部件。在“内容”选项卡上的CKEditor中仍然具有工具栏按钮-但这是因为在同一实例中还可以具有门户网站站点。因此，这意味着，如果要使用嵌入式窗口小部件，则在从Kentico获取文本值时，需要解析该文本值，提取Youtube URL，并基本上用Roman提到的HTML标记替换窗口小部件代码。对于您的编辑器来说，hide the toolbar buttons for widgets可能更容易些，让他们直接插入URL即可。