html5 视频布局填充 angular material

Question

我有以下代码：

<video layout-fill loop="loop"  autoplay="autoplay" preload="auto">
  <source src="walkthrough.mp4" type="video/mp4" />
</video>

然而视频是这样显示的：

（侧面的白色区域 - 当我点击 chrome 开发者工具中的 <video> 标签时，蓝色区域显示停留。）

如何在不保持比例的情况下让视频填满区域？

Answer 1

试试这个

<div layout="column" flex >   
  <video layout-fill loop="loop"  autoplay="autoplay" preload="auto">
  <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4"/>
  </video>   
</div>

check here