有没有一种方法可以用youtube视频填充div，比如background-size:cover css属性

是的，可以使用CSS的background属性来实现将YouTube视频填充到div中的效果。具体步骤如下：

首先，你需要获取到YouTube视频的嵌入代码。在YouTube视频页面中，点击分享按钮，选择“嵌入”选项，然后复制生成的嵌入代码。
在你的HTML文件中，找到你想要填充YouTube视频的div元素，并为其添加一个唯一的id属性，例如：<div id="video-container"></div>。
在CSS文件中，为该div元素添加以下样式：

#video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9宽高比的视频，可以根据需要进行调整 */
  background-color: #000; /* 可选，设置背景颜色 */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

在JavaScript文件中，使用以下代码将YouTube视频嵌入到div中：

// 替换YOUR_VIDEO_ID为你从YouTube获取的视频ID
var videoId = "YOUR_VIDEO_ID";

// 替换YOUR_API_KEY为你的YouTube Data API v3的API密钥
var apiKey = "YOUR_API_KEY";

// 创建一个iframe元素
var iframe = document.createElement("iframe");

// 设置iframe的src属性，将videoId和apiKey替换到URL中
iframe.src = "https://www.youtube.com/embed/" + videoId + "?controls=0&autoplay=1&enablejsapi=1&rel=0&showinfo=0&modestbranding=1&loop=1&playlist=" + videoId + "&key=" + apiKey;

// 设置iframe的样式
iframe.style.position = "absolute";
iframe.style.top = "0";
iframe.style.left = "0";
iframe.style.width = "100%";
iframe.style.height = "100%";

// 获取video-container元素
var videoContainer = document.getElementById("video-container");

// 将iframe添加到video-container中
videoContainer.appendChild(iframe);

请注意，上述代码中的YOUR_VIDEO_ID和YOUR_API_KEY需要替换为你自己的YouTube视频ID和YouTube Data API v3的API密钥。

这样，你就可以通过设置CSS的background-size属性为cover，将YouTube视频填充到div中，并实现响应式的效果。