我有这个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')");
可能还需要设置其他三个属性