我只是使用afterglow的{{1}}插件让我的视频响应。它占据了我屏幕上的整个空间，即使我已经设置了HTML和width，我也不想这样做。请参阅下面的代码：
height
答案 0 :(得分：2)
实际上，余辉是有效的。它将占用您的宽度和高度，并从中计算视频的比率。然后，它将缩放视频元素以适应其父元素，同时保持比率。
因此，为了真正让它具有响应性并能够设置样式，只需将其包装到容器中并在容器上设置宽度和高度。
编辑：刚看到你的宽度和高度是640 - 480.请记住，余度将在缩放时保持这个比例。因此，如果您想要16-9（宽屏），请使播放器的宽度和高度与此比例相匹配。
此外，您可以在播放器上使用data-autoresize="none"来禁用自适应缩放功能。但不建议这样做，因为这会使移动设备的扩展变得更加困难。使用包装器和CSS样式是更好的方法。
<script src="https://cdn.jsdelivr.net/npm/afterglowplayer@1/dist/afterglow.min.js"></script>
<div class="videowrapper">
<video class="afterglow" id="myvideo" width="1280" height="720" src="https://www.srv33.convertinmp4.com/download.php?v=LDD1HwKwTg9TeQc1w9q47JAq6dyuqV3v" data-skin="dark"></video>
</div>
<style>
.videowrapper{
width: 400px;
}
</style>