Opis zlecenia
Zadanie polega na przeszukaniu i znalezieniu w bazie odpowiedniego ciągu kodu który zawiera zagniezdzony film z Youtube a następnie na jego podmianę
Po prostu mamy w bazie w opisach produktów, kategorii czy artykułach bloghowych zagniezdzonych około 1200 filmów z Yotube a w tej formie w jakiej obecnie są spowalniają działanie strony,
Musi zostać zmeiniony kod z atybutemlazyloading, ręczna zmiana jest zbyt pracochłonna
Strona jest na asp.net
Struktura kodu zawsze wygląda mniej więcej tak samo:
<iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube.com/embed/0m2Y3F9fzU8" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;" width="640"></iframe>
Należy zmienić na:
<iframe allowfullscreen="" frameborder="0" height="360" data-src="https://www.youtube.com/embed/0m2Y3F9fzU8" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" class="lazy" width="640"></iframe>
oraz dodatkowo skrypt gdy już dojdzie do zmiany:
<script>
window.lazyLoadOptions = {
};
window.addEventListener("LazyLoad::Initialized", function (event) {
window.lazyLoadInstance = event.detail.instance;
}, false);
</script>