我有这个ID为123456的vaadin视频。我需要使用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中时,URL不会显示。

由于我们使用的不是Vaadin的非支持版本,因此找到有关此信息的方法已成为真正的PITA,而我发现的大多数信息都是关于将Vaadin添加到HTML页面,而不是相反。

有什么想法做什么?

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

最佳答案

根据链接,我评论了您可能需要执行以下操作

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')");

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

10-06 05:57