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，即新的ExternalResource（＆＃34; pathToMp4.mp4＆＃34;），它可以完美地工作。那么，那是什么＆＃34;特别＆＃34;关于youtube视频？有什么建议我做错了吗？

干杯，西蒙

Answer 1

您提供的MP4文件是一个实际视频，可以转换为vaadin媒体播放器播放的流。如果你尝试过youtube视频的网址，你可能会使用youtube网页的网址，其中嵌入了该视频，这不是视频本身，也无法转换为与vaadin媒体播放器一起使用的流。

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

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

YouTubePlayer组件无缝集成了YouTube视频播放器   进入Vaadin申请。

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

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

在vaadin MediaComponent中播放youtube视频（Mediaelementjs播放器添加）

1 个答案: