Javascript 如何在html上设置余辉播放器中的视频高度/宽度

我只是想使用

HTML

的

afterglow

插件使我的视频具有响应性。它占据了我屏幕上的全部空间，即使我已经设置了

宽度

和

高度

，我也不想这样做。请参阅下面我的代码：

---

实际上，余辉是为了响应而产生的。它将根据你的宽度和高度计算视频的比例。然后，它将缩放视频元素以适应其父元素，同时保持比例

因此，为了使它真正具有响应性并能够对其进行样式化，只需将其包装到一个容器中，并在容器上设置宽度和高度

编辑：刚刚看到你的宽度和高度是640-480。请记住，缩放时余辉将保持此比例。因此，如果您想要16-9（宽屏），请使播放器的宽度和高度与此比率匹配

此外，您还可以在播放器上使用

data autoresize=“none”

禁用响应缩放。但不建议这样做，因为这会使移动设备更难扩展。使用包装器和CSS样式是更好的方法

.视频包装器{
宽度：400px；
}

实际上，余辉是为了响应而产生的。它将根据你的宽度和高度计算视频的比例。然后，它将缩放视频元素以适应其父元素，同时保持比例

因此，为了使它真正具有响应性并能够对其进行样式化，只需将其包装到一个容器中，并在容器上设置宽度和高度

编辑：刚刚看到你的宽度和高度是640-480。请记住，缩放时余辉将保持此比例。因此，如果您想要16-9（宽屏），请使播放器的宽度和高度与此比率匹配

此外，您还可以在播放器上使用

data autoresize=“none”

禁用响应缩放。但不建议这样做，因为这会使移动设备更难扩展。使用包装器和CSS样式是更好的方法

.视频包装器{
宽度：400px；
}

它现在不响应，应该响应。使容器具有

位置：相对

（如果不是）。此外，以下是有关响应缩放的文档：。如果你不满意，请在页面上贴一个链接，我会查一查。文档中只提到禁用响应功能。但是，我使用了

%

作为包装的宽度，而不是

px

。现在它是响应的。完美。我会在包装纸上加上信息。哦！我没有注意到你是《余辉》的作者。它现在没有反应，应该是。使容器具有

位置：相对

（如果不是）。此外，以下是有关响应缩放的文档：。如果你不满意，请在页面上贴一个链接，我会查一查。文档中只提到禁用响应功能。但是，我使用了

%

作为包装的宽度，而不是

px

。现在它是响应的。完美。我会在包装纸上加上信息。哦！我没注意到你是《余辉》的作者。