<div id="video"><video src="/content/photos//1/CdHq3BMxhfPxdQcB5WA454xGAfWm5VhN.mp4" preload="true" controls="controls"></video></div> 怎么让 video 自适应填满DIV

要让 `<video>` 元素自适应填满其父级 `<div>`，您可以使用 CSS 来控制元素的宽度和高度。以下是一种方法可以实现该效果：

<style>
    #video {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%; /* 16:9 宽高比例 */
    }
    #video video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
</style>

<div id="video">
    <video src="/content/photos//1/CdHq3BMxhfPxdQcB5WA454xGAfWm5VhN.mp4" preload="true" controls="controls"></video>
</div>

在上述代码中，我们使用了相对定位和绝对定位来实现 `<video>` 元素的自适应布局。父级 `<div>` 的宽度设置为100%，高度设置为0，并使用 `padding-bottom` 属性来设置宽高比例（这里使用的是16:9）。然后，我们将 `<video>` 元素的位置设为绝对定位，并设置其宽度和高度为100%。

这样做可以使 `<video>` 元素根据父级 `<div>` 的宽度自动调整大小，从而填满整个区域。

希望以上解决方案对您有帮助。如果有任何问题，请随时提问。