如何使HTML 5视频播放适合框架而不是保持纵横比？

我一直在尝试 HTML5视频播放.例如我的网页上嵌入了这个视频对象：

<video width="480" height="380" class="ecard" tabindex="0">
   <source type="video/ogg; codecs=&quot;theora,vorbis&quot;" src="videos/1156 In your honor we'll be dancing.ogv"></source>
   <source type="video/mp4; codecs=&quot;avc1.42E01E,mp4a.40.2&quot;" src="videos/1156 In your honor we'll be dancing.mp4"></source>
</video>

我的问题是视频元素保留它的宽高比,而我更喜欢强制播放适合帧.有没有人知道这样做的方法？

解决方法

目前没有办法这样做,但是使用CCS3图像适配属性将成为可能.没有浏览器支持它,但是.然后,您可以使用它来使所有视频伸展到宽度/高度：

video {
  image-fit: fill;
}

见http://dev.w3.org/csswg/css3-page/#propdef-image-fit规格

原文地址：https://www.jb51.cc/html/224485.html