0

我有一个关于以下问题的问题：

我的任务是创建一个包含视频的 HTML5 横幅。视频容器的大小为 300x250，并启用了控件。分配给它的源的大小也为 300x250，但是当桌面上的用户在桌面上全屏查看视频时，质量显然相当糟糕，因为它会延伸到用户屏幕。

问题：是否可以让视频容器保持在 300x250 像素，而分配的源文件尺寸要大得多，这样在桌面设备上观看时会更清晰？有没有办法通过检测方法在移动设备上观看时提供较小的视频？

谢谢！

4

1 回答 1

1

容器尺寸（width和height属性）和视频尺寸（videoWidth和videoHeight属性）可能不匹配。

您可以使用属性将媒体查询应用于source元素：media

<video width="300" height="250" controls>
  <source src="small.mp4" type="video/mp4" media="screen and (max-width: 480px)">
  <source src="big.mp4" type="video/mp4">
</video>
于 2014-06-02T18:12:07.373 回答