有没有什么办法可以在没有自定义元素polyfill的情况下使用清晰度图标？

在没有自定义元素polyfill的情况下，可以使用CSS伪元素和背景图标来实现清晰度图标的显示。

首先，需要准备一套清晰度图标的背景图，可以使用SVG或者其他图片格式。然后，通过CSS将背景图设置为元素的背景，并使用伪元素来创建一个占位符。接下来，使用CSS的background-position属性来调整背景图的位置，以显示对应的清晰度图标。

以下是一个示例代码：

HTML:

<div class="video-player">
  <div class="quality-icon" data-quality="hd"></div>
</div>

CSS:

.video-player {
  position: relative;
  width: 400px;
  height: 300px;
  background-color: #000;
}

.quality-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-image: url('path/to/quality-icons.png');
  background-repeat: no-repeat;
}

.quality-icon[data-quality="hd"] {
  background-position: 0 0; /* 设置背景图位置以显示对应的清晰度图标 */
}

.quality-icon[data-quality="sd"] {
  background-position: -20px 0;
}

.quality-icon[data-quality="ld"] {
  background-position: -40px 0;
}

在上述代码中，通过给.quality-icon元素添加data-quality属性来指定清晰度，然后使用不同的background-position值来显示对应的清晰度图标。你可以根据实际情况调整图标的尺寸、位置和背景图的路径。

对于腾讯云相关产品，可以使用腾讯云对象存储（COS）来存储清晰度图标的背景图。腾讯云对象存储是一种高可用、高可靠、低成本、安全的云存储服务，适用于各种场景下的数据存储和处理需求。你可以通过以下链接了解更多关于腾讯云对象存储的信息：腾讯云对象存储产品介绍。