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