css插入视频

```html

```

### 第三步：编写CSS样式

我们需要创建一个CSS文件（例如styles.css），并对视频进行样式设置。

1. **设置视频宽度**：

```css

#myVideo {

width: 100%;

max-width: 600px;

```

这里，我们将视频宽度设置为100%，最大宽度为600px，以确保在不同设备上都能良好显示。

2. **设置视频高度**：

```css

#myVideo {

height: auto;

```

设置高度为auto，使视频保持原始宽高比。

3. **添加边框和阴影**：

```css

#myVideo {

border: 2px solid #333;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

```

这将为视频添加一个边框和阴影效果，使视频更加突出。

### 第四步：响应式设计

为了确保视频在不同设备上都能正常显示，我们需要使用媒体查询进行响应式设计。

```css

@media (max-width: 768px) {

#myVideo {

width: 100%;

max-width: none;

}

```

当屏幕宽度小于768px时，视频宽度将占满整个屏幕。

### 第五步：添加封面图片