如何嵌入 Youtube 视频？答案

【问题标题】：How can I embed a Youtube video?如何嵌入 Youtube 视频？
【发布时间】：2019-04-28 19:19:35
【问题描述】：

我想在 Vaadin 8 应用程序中嵌入 Youtube 视频。我发现的唯一插件是不支持版本 8 的 MediaElementsJSPlayer。有没有办法做到这一点？

【问题讨论】：

标签： vaadin vaadin8

【解决方案1】：

您是否尝试过 Emdedded 或 Video 类来显示视频？这两个都应该工作。

对于Embedded，这里有一个示例：Vaadin framework play Video 对于Video，官方采样器：Video

还有关于同一主题的其他 StackOverflow 问题：

【讨论】：

【解决方案2】：

您可以使用 Label 并将 ContendMode 设置为 ContentMode.HTML 来显示几乎所有 HTML 内容。

例子：

 @Override
    protected void init(VaadinRequest vaadinRequest) {
        final VerticalLayout layout = new VerticalLayout();

        Label video = new Label();
        video.setValue("<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/dQw4w9WgXcQ\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>"); // Replace this with your actual html
        video.setContentMode(ContentMode.HTML);

        layout.addComponents(video);

        setContent(layout);
    }

您可以通过点击分享并选择嵌入来获取嵌入视频的 html。

【讨论】：

如果您想使用iframe 嵌入视频。那么更好的方法是使用BrowserFrame ，正如这里描述的Embedded Resources。没有必要使用标签代替