html设置播放器渐变

以下是一个HTML设置播放器渐变的例子：

<div class="player">
  <video src="video.mp4"></video>
</div>

.player {
  background-image: linear-gradient(to top, #A85A67, #F4A993);
  border-radius: 10%;
  width: 500px;
  height: 300px;
  overflow: hidden;
}

.player video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

在上面的例子中，我们使用了一个div元素来包含视频播放器，并为该元素设置了背景渐变和圆角。我们还将div元素的宽度和高度设置为500px和300px，并将其溢出设置为隐藏。最后，我们将视频元素的宽度和高度设置为100％，并使用object-fit属性来填充整个div元素。