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

概述我一直在尝试 HTML5视频播放.例如我的网页上嵌入了这个视频对象： <video width="480" height="380" class="ecard" tabindex="0"> <source type="video/ogg; codecs="theora, vorbis"" src="videos/1156 In your honor we'll be da 我一直在尝试 HTML5视频播放.例如我的网页上嵌入了这个视频对象：

<vIDeo wIDth="480" height="380"  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规格

总结

以上是内存溢出为你收集整理的如何使HTML 5视频播放适合框架而不是保持纵横比？全部内容，希望文章能够帮你解决如何使HTML 5视频播放适合框架而不是保持纵横比？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。