java - 在 Vaadin 7 BrowserFrame 中插入 Vimeo 视频

Question

我有这个 vaadin 视频，ID 为 123456。我需要使用 BrowserFrame 将其插入到 Vaadin 7* 应用程序中，我需要插入的视频来显示“全屏”按钮(并隐藏一些其他元素)，但我'我没能让它正常工作。

现在，我有这个:

    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 直接放入浏览器中，则会显示“全屏”按钮，但嵌入到 BrowserFrame 中时则不会。

查找有关此内容的信息正在成为真正的 PITA，因为我们使用的是不受支持的 Vaadin 版本，而且我找到的大多数信息都是关于将 Vaadin 添加到 HTML 页面，而不是相反。

有什么想法吗？

* 是的，我们将来会更新。

Answer 1

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

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。