Question

我遇到了一个问题，其中嵌入的youtube视频以低质量的缩略图（default.jpg而不是sddefault.jpg）加载。它仅在带有标签的容器中发生，因此，我看到的问题是带有视频的标签默认为display：none。有什么方法可以使其加载高质量缩略图吗？我仅在jsfiddle https://jsfiddle.net/cpztek2q/上重新创建了该问题，以说明该问题。如您所见，当您单击第二个选项卡时，视频显示的缩略图质量很低

$('[data-tab]').on('click', function() {

  let val = $(this).data('tab');
  $('[data-content=' + val + ']').show();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
  <a class="tab" data-tab="1">tab</a>
  <a class="tab" data-tab="2" style="">tab2</a>
  <div class="tab-content" data-content="1">
    text
  </div>
  <div class="tab-content" data-content="2" style="display:none">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/cMnwUDvsuyQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  </div>
</div>

嵌入式youtube视频加载低质量的缩略图

0 个答案: