html5视频布局 - 填充角度材料

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