Javascript 调整播放HTML5视频的窗口大小

我使用HTML5中的视频标签在新窗口上播放视频。我希望这个新窗口的大小根据正在播放的视频的高度和宽度而改变。有没有办法做到这一点？顺便说一下，我正在使用GWT。

您希望最终调用的JavaScript是

window.resizeTo（h，w）

您可以使用JSNI在GWT中执行此操作，如下所示：

native void resizeWindow(int height, int width) /*-{
  $wnd.resizeTo(height, width);
}-*/;

---

您希望最终调用的JavaScript是

window.resizeTo（h，w）

您可以使用JSNI在GWT中执行此操作，如下所示：

native void resizeWindow(int height, int width) /*-{
  $wnd.resizeTo(height, width);
}-*/;

---

但是我怎样才能得到正在播放的视频的高度和宽度呢？在视频开始播放之前，我不会知道这一点……或者我会吗？元素可以有高度和宽度属性，您可以在JavaScript中使用与上面类似的JSNI方法获得这些属性。如果这些不可用，您可以将它们设置为窗口的h/w值。如果默认高度和宽度较小，则将高度和宽度设置为默认值将导致视频拉伸。我想获得视频的默认尺寸，然后相应地调整视频打开窗口的大小。如果标记没有定义高度和宽度，也可以在JavaScript中获得。var height=document.getElementById（'myVideo'）.style.pixelHeight；（等等）document.getElementById（'myVideo'）.style.pixelHeight返回null。将pixelHeight替换为clientHeight，也为空。但是如何获得正在播放的视频的高度和宽度？在视频开始播放之前，我不会知道这一点……或者我会吗？元素可以有高度和宽度属性，您可以在JavaScript中使用与上面类似的JSNI方法获得这些属性。如果这些不可用，您可以将它们设置为窗口的h/w值。如果默认高度和宽度较小，则将高度和宽度设置为默认值将导致视频拉伸。我想获得视频的默认尺寸，然后相应地调整视频打开窗口的大小。如果标记没有定义高度和宽度，也可以在JavaScript中获得。var height=document.getElementById（'myVideo'）.style.pixelHeight；（等等）document.getElementById（'myVideo'）.style.pixelHeight返回null。将pixelHeight替换为clientHeight，也得到null。