Job description
The task is to search and find the appropriate sequence of code in the database, which contains an embedded video from Youtube and then to replace it
We simply have in the database in the product descriptions, categories or blog articles about 1200 videos from Yotube and in the form in which they are now slow down the operation of the site,
We have to change the code with atybutemlazyloading, manual change is too time consuming
The site is on asp.net
The code structure always looks more or less the same:
<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>.
Should be changed to:
<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>
plus a script once the change has occurred:
<script>
window.lazyLoadOptions = {
};
window.addEventListener("LazyLoad::Initialized", function (event) {
window.lazyLoadInstance = event.detail.instance;
}, false);
</script>.
