Question

之前我从未使用过HTML5视频。我希望能够将视频设置为100％宽度，如果浏览器大小发生变化，它将保持100％。但是，它似乎无法正常工作。我在其他浏览器上测试过，其中大部分看起来都不对。

我想知道你是否可以帮助我？

http://www.blackwellautomation.ca

谢谢！

Answer 1

atry this;

HTML

<div class="container">
   <video id="thevideo" controls preload="auto">
       <source src="thevideofile.mp4" type="video/mp4">
       <source src="thevideofile.webm" type="video/webm">
   </video>
</div>

CSS

.container video {
    height: auto !important;
    width: 100% !important;
    }

如果视频嵌入iFrame（YouTube，Vimeo等），您需要采用不同的方法 - 请参阅：http://www.webdesignerwall.com/tutorials/css-elastic-videos

如何使HTML5视频响应？

1 个答案: