在 Vaadin 7 BrowserFrame 中插入 Vimeo 视频

Question

我有这个 ID 为 123456 的 vaadin 视频。我需要使用 BrowserFrame 将它插入 Vaadin 7* 应用程序，我需要插入的视频来显示 "fullscreen" 按钮（并隐藏一些其他元素），但我没能成功。

现在，我有这个：

    StringBuilder resourceBuilder = new StringBuilder("https://player.vimeo.com/video/");
    resourceBuilder.append(vimeoId);
    resourceBuilder.append("?byline=0&portrait=0");

    BrowserFrame eVimeo = new BrowserFrame("", new ExternalResource(resourceBuilder.toString()));
    eVimeo.setWidth("800px");
    eVimeo.setHeight("450px");

问题是 StringBuilder 产生的 URL，如果直接放在浏览器中，会显示 "fullscreen" 按钮，但当嵌入到 BrowserFrame 中时，不会。

查找有关此的信息正在成为一个真正的 PITA，因为我们使用的是不受支持的 Vaadin 版本，我发现的大部分信息都是关于将 Vaadin 添加到 HTML 页面而不是其他页面绕路。

有什么想法吗？

* 是的，我们会在以后更新。

Answer 1

根据 link 我的评论，您可能需要做这样的事情

BrowserFrame eVimeo = new BrowserFrame("Video", new ExternalResource(resourceBuilder.toString()));
eVimeo.setId("vimeoVid");
... add frame to layout ...
JavaScript.getCurrent().execute("document.getElementById('vimeoVid').childNodes[0].setAttribute('allowfullscreen','allowfullscreen')");

您可能还需要设置其他三个属性

这应该也适用于 Vaadin 8。

在 Vaadin 7 BrowserFrame 中插入 Vimeo 视频

Inserting a Vimeo video in a Vaadin 7 BrowserFrame

java

vaadin

fullscreen

vaadin7