如何使HTML5视频响应

Question

我以前从未使用过HTML5视频。我希望能够将视频设置为100%的宽度，如果浏览器大小发生变化，它将保持100%。但是，它似乎不能正常工作。我在其他浏览器上测试过，大多数浏览器对我来说都是错误的

我想知道你能不能帮我？

http://www.blackwellautomation.ca

谢谢！

Answer 1

这样做；

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