Перезагрузка iFrame

Question

Я пытаюсь перезагрузить группу Ифрамов, отображаемых на странице, которые обновляются путем изменения sr c.

У меня есть группа Ифреймов, которые отображаются следующим образом.

<div class="youtubebox">
  {#each displayedvids as vid}
    <iframe class='lazyload' width="320" height="200"
      data-src="https://www.youtube.com/embed/{vid}">
    </iframe>
  {/each}
</div>

Где 'displayvids' - это массив, содержащий идентификаторы видео. Я создал консольный вывод, чтобы убедиться, что «displayvids» обновлен правильно.

Нажав кнопку, я изменяю видеоиды, содержащиеся в «displayvids».

displayedvids = vids2

Затем я пытаюсь перезагрузить iframes, поэтому они обновляют sh с новым видео.

document.querySelectorAll('.youtubebox').forEach(function(iframe) {
    iframe.contentWindow.location.reload();
});

Я получаю эту ошибку - "Не удается прочитать свойство 'location' undefined".

Что я делаю здесь неправильно ? Или есть более эффективный способ?

Спасибо

Answer 1

Похоже, вы пытаетесь перезагрузить div вместо iframe. Попробуйте это:

document.querySelectorAll('.youtubebox iframe').forEach(function(iframe) {
    iframe.contentWindow.location.reload();
});