Mobile First CSS显示视频全屏

Question

我正在开发一个网站，并且始终首先使用移动设备。

我不确定以正确的方式显示它。

首先是移动设备，css会像这样：

#bgvid { display: none; }

然后我的媒体查询会有：

#bgvid { display:block; }

但问题是视频没有覆盖整个屏幕，它在顶部和底部留下了空白。

我不希望手机看到该视频。那么显示这个全屏的正确方法是什么呢。