视频是非常好的展示产品的方法，在产品页的英雄区上面，我们可以使用一个视频 ... 找到产品页面的英雄区的代码，我们可以把这个图像标签先注释掉 ...

视频元素用的是 video 标签 ... 上面可以加上一个 image 类 .. 这样我们之前为图像要设计的样式也会应用在这个视频元素上 ..

这个类的名字应该可以改一下，比如可以叫 media 之类的 ... 暂时先不改了 ..

视频元素上面可以用一个 poster 属性，指定一下视频的海报图像，可以使用上面的 img 标签里的图像地址 ...

在它里面添加一个 source .. src 属性里面是视频文件的位置，我已经给你准备好了一个视频文件 ... 位置是在 images/velar 下面 .. range-rover-velar.mp4

type 是视频的格式 ... 这里设置成 video/mp4 ... 你可以在 video 元素里面包装多个 source，然后使用不同格式的视频 ..

一般用 mp4 格式的视频就行了 ... 要注意的 mp4 只是视频的容器格式，视频本身有自己的编码格式 ..

如果你想让视频自动播放，可以在 video 上面添加一个 autoplay ... 我们这个视频可以当成一个背景，所以可以让它循环播放 .. 在添加一个 loop ..

现在在我们的产品页面的英雄区上面，会显示一个视频背景 ...