Vaadin 如何嵌入Youtube视频?

Vaadin 如何嵌入Youtube视频?,vaadin,vaadin8,Vaadin,Vaadin8,我想在Vaadin 8应用程序中嵌入Youtube视频。我找到的唯一插件是MediaElementsJSPlayer,它不支持版本8。有什么方法可以做到这一点吗?您是否尝试过使用emded或Video类来显示视频?这两种方法都应该有效 对于嵌入式,这里有一个示例: 对于视频,请参见官方采样器: 关于同一主题的其他问题: 您可以使用标签,将ContendMode设置为ContentMode.HTML来显示几乎所有HTML内容 例如: @Override protected voi

我想在Vaadin 8应用程序中嵌入Youtube视频。我找到的唯一插件是MediaElementsJSPlayer,它不支持版本8。有什么方法可以做到这一点吗?

您是否尝试过使用
emded
Video
类来显示视频?这两种方法都应该有效

对于嵌入式,这里有一个示例: 对于
视频
,请参见官方采样器:

关于同一主题的其他问题:


您可以使用
标签,将
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);
    }
@覆盖
受保护的void init(VaadinRequest VaadinRequest){
最终垂直布局=新建垂直布局();
标签视频=新标签();
video.setValue(“”;//将其替换为实际的html
setContentMode(ContentMode.HTML);
布局。添加组件(视频);
设置内容(布局);
}

如果要使用
iframe
嵌入视频,可以通过单击共享并选择嵌入来获取嵌入视频的html。

。然后,更好的方法是使用此处描述的
BrowserFrame
。没有必要改用标签