在 vaadin MediaComponent（Mediaelementjs Player add on）中播放 youtube 视频

Question

我正在尝试在 vaadin MediaComponent 中播放 youtube 视频。我做了什么

ExternalResource externalResource = new ExternalResource(formatUrl(url));
externalResource.setMIMEType(MediaComponent.Type.VIDEO.name().toLowerCase());
    MediaComponent videoPlayer = new MediaComponent(MediaComponent.Type.VIDEO);
    videoPlayer.setWidth(665.0f, Unit.PIXELS);
    videoPlayer.setHeight(465.0f, Unit.PIXELS);
    videoPlayer.setSource(externalResource);
    videoPlayer.play();
    cssLayout.addComponent(videoPlayer);

如果我定义任何其他 URL，即 new ExternalResource("pathToMp4.mp4") 它可以完美运行。那么，youtube 视频有什么“特别”之处呢？任何建议我做错了什么？

干杯，西蒙

Answer 1

您提供的 MP4 文件是一个实际的视频，可以转换为 vaadin 媒体播放器播放的流。如果您尝试了 youtube 视频的 URL，您可能使用了嵌入该视频的 youtube 页面的 url，这不是视频本身，无法转换为流以用于 vaadin 媒体播放器。

您可以在网页上嵌入实际的 youtube 视频，也可以使用专门设计用于播放 youtube 视频的 vaadin 插件：

https://vaadin.com/directory#addon/youtubeplayer:vaadin

YouTubePlayer 组件无缝集成了 YouTube 视频播放器 进入 Vaadin 应用程序。

服务器端 API 具有所有标准播放控件：cue、 播放、暂停、停止、搜索、音量、静音和质量以及状态， 质量，错误回调。支持“无铬”和“嵌入式” 模式。

当您需要更好的程序化播放时，请使用此 YouTube 播放器 控件比使用默认的嵌入式 YouTube 播放器。另请参阅 交互式演示应用程序。