从 YouTube 视频中删除细黑线

Question

这些黑线是如何从 YouTube 视频中移除的？

我到处看了，不知道如何去除细黑线。

有人知道怎么做吗？

它要求我提供更多信息，但仅此而已。

你点击播放，那些黑线就在那里，永远不会消失。

这就是我想要做的。

你如何确保那些细黑线根本不会出现？

有没有办法做到这一点？

https://jsfiddle.net/nhmg49vy/

html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
}

.outer {
  display: table;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}

.tcell {
  display: table-cell;
  vertical-align: middle;
  padding: 8px 8px;
}

.curtain-wrapper {
  min-width: 40%;
  max-width: 511px;
  margin: auto;
  border: 15px solid transparent;
  border-radius: 12px;
  background: #333;
  background: linear-gradient(to bottom right, gray, black), url("https://i.imgur.com/pwdit9N.png"), linear-gradient(to bottom right, #eee, #ccc);
  background-origin: padding-box, border-box, border-box;
  background-clip: padding-box, border-box, border-box;
  box-shadow: 1px 1px 3px black inset, 0 -1px white, 0 -1px 0 1px #bbb, 0 2px 0 1px #aaa, 0 2px 10px 1px rgb(0 0 0 / 20%);
  overflow: hidden;
}

.curtain-ratio-keeper {
  position: relative;
  padding-top: 56.25%;
}

.curtain {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #333;
}

.video-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

<div class="outer">
  <div class="tcell">
    <div class="curtain-wrapper">
      <div class="curtain-ratio-keeper">
        <div class="curtain">

          <div class="video video-frame"></div>

        </div>
      </div>
    </div>
  </div>
</div>

Answer 1

我不知道你从哪里得到“56.25%”。根据 Youtube 文档，它应该是“56.20%”。尝试将 .curtain-ratio-keeper 更改为：

.curtain-ratio-keeper {
  position: relative;
  padding-top: 56.20%;
}

Answer 2

我通过将视频大小增加 2 px 并通过将 top 和 left 调整 1px 来居中：

.video-frame {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}

FIDDLE