更改浏览器大小时的Html5视频宽度和高度

Question

我正在使用html5视频，视频播放正常但是当我们更改浏览器的宽度时，视频的宽度会缩放，但高度不会达到高度。它们都需要均匀地缩放以保持原始高度x宽度比相同。请建议我们。

Answer 1

HTML5视频只能播放自己的分辨率。也就是说，如果您正在播放分辨率为600x200的视频，那么当您更改浏览器的宽度时，视频仅以6：2的分辨率播放。

Answer 2

由于您没有发布HTML或CSS，因此这是一个很好的猜测。将视频的height设置为auto，并在更改窗口宽度时缩放并保持其宽高比：

<video width="50%" height="auto" controls>
    <source src="http://download.blender.org/peach/trailer/trailer_480p.mov" type="video/mp4">
</video>

<强>演示

Try before buy（宽度为50％）
Try before buy（宽度100％宽度）