Исключить загрузку отдельных элементов при загрузке страницы html

Рейтинг: 0Ответов: 1Опубликовано: 16.08.2023

У меня такая ситуация, на сайте есть камеры, когда страница загрузилась камера считывает просмотр хотя она не открывалась, все из-за того что страница полностью прогрузилась. Я подумал что можно исключить загрузку отдельных элементов и загрузке страницы и открывать их при как обычно при клике. Если есть у кого-то решение буду очень благодарен!

мы ведём трансляцию камеры выводим таким образом

<div id="popup" style="display: none;">
  <div class="iv-embed" style="margin: 0 auto; padding: 0; border: 0; height: 360;">
    <div class="iv-v" style="display: block; margin: 0; padding: 1px; border: 0; background: #000;"><iframe width="100%" height="500" src="rrtsp.me/embed/a3i6eadN" frameborder="0" allowfullscreen></iframe></div>
  </div>
</div>

Мне нужно отложить загрузку этого блока, а после клика загружать

css javascript html
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

мне нужно отложить загрузку этого блока, а после клика загружать

Вот вариант "загрузки" по клику на кнопку...

document.querySelector('button').addEventListener('click', _ => {
  const html = `<div id="popup" style="display: none;">
    <div class="iv-embed" style="margin: 0 auto; padding: 0; border: 0; height: 360;">
      <div class="iv-v" style="display: block; margin: 0; padding: 1px; border: 0; background: #000;"><iframe width="100%" height="500" src="rrtsp.me/embed/a3i6eadN" frameborder="0" allowfullscreen></iframe></div>
    </div>
  </div>`
  document.querySelector('section').innerHTML = html
})
<button>Загрузить</button>
<section></section>