Как заменить все src на data-src у iframe?

Question

[turbomen24]

Как программно заменить все src на странице у iFrame видео на data-src?

Comments

[Steppp]

Ищешь все iframe ц которых есть src,
document.querySelectorAll(`iframe=[src]`) - кто то так
и в цикле foreach копируешь что в src, удаляешь src, и создаешь data-src с копированной ссылкой

Answer 1

[Absolute138]

let els = document.querySelectorAll('iframe[src]');
els.forEach((v)=>{
  v.setAttribute('data-src', v.src);
  v.removeAttribute('src');
});

Comments

[turbomen24]

Не работает
В чём может быть дело?

Вставляю видео:

<iframe src="https://www.youtube.com/embed/A_MjCqQoLLA"></iframe>

Скрипт:

<script>
let els = document.querySelectorAll('iframe[src]');
els.forEach((v)=>{
  v.setAttribute('data-src', v.src);
  v.removeAttribute('src');
});
</script>

Результата нет

[Absolute138]

turbomen24, скрипт должен идти после элемента.
или оберните так:

window.addEventListener('DOMContentLoaded', () => {
    let els = document.querySelectorAll('iframe[src]');
    els.forEach((v)=>{
       v.setAttribute('data-src', v.src);
       v.removeAttribute('src');
    });
});

[turbomen24]

Всё равно не заменяет - пробую в качестве теста на https://codepen.io/pen/

[Absolute138]

turbomen24, работает: https://jsbin.com/lacilicuva/edit?html,js,console,...

[turbomen24]

Да, всё работает!