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

前端之家收集整理的这篇文章主要介绍了如何使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.f2er.com/html/224485.html

猜你在找的HTML相关文章