Скрыть div, если iframe пуст - PullRequest
Новая
       15

Скрыть div, если iframe пуст

0 голосов
/ 18 сентября 2018

Как мне в этом случае ... 

<div id="video-embeds" style="z-index:102;">
<div class="video-embed" style="margin-top: 0px; z-index:102; margin-bottom: 0px;">

<iframe width="560" height="315" src="" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>

</div>
</div>

... скрыть #video-embeds полностью.

CSS или JQuery?

Это CSS, который мешает мне сделать это ... 

.video-embed {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    margin-bottom: 20px;
}

Ответы [ 2 ]

0 голосов
/ 18 сентября 2018

Вы можете справиться с этим с помощью jQuery. Добавить id="frame" в кадр <iframe id="frame" width="560" height="315" src="" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe> 

jQuery(document).ready(function ($) {
   var src = $("$frame").attr('src'); 
   if(src==''){
    $("#video-embeds").css("display: none;");
   }
});
0 голосов
/ 18 сентября 2018

На данный момент нет родительского селектора CSS.Вам нужно будет сделать это с помощью Javascript.

Поскольку вы используете jQuery, вот решение: 

$('iframe').each(function() {
  if ($(this).attr('src') == '') {
    $(this).parent('.video-embed').hide();
  }
});
...