如何嵌入 Youtube 视频？

Question

我想在 Vaadin 8 应用程序中嵌入 Youtube 视频。我发现的唯一插件是不支持版本 8 的 MediaElementsJSPlayer。有什么办法可以实现吗？

Answer 1

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

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

关于同一主题的其他 Whosebug 问题：

Play video in Vaadin
How to play video in Vaadin
Vaadin Framework play video

Answer 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 通过点击分享和 select 嵌入来嵌入您的视频。

如何嵌入 Youtube 视频？

How can I embed a Youtube video?

vaadin

vaadin8