Normalerweise sollte erst beim Klick auf das Vorschaubild der YouTube-Iframe-Code das Vorschaubild ersetzen, so dass der Iframe-Code vorher nicht aktiv ist - so habe ich die Javascript-Funktion verstanden.

Genauere Infos von den Javascript-Experten.

Also sollte immer nur das Videos geladen werden, dessen Vorschaubild der Besucher angeklickt hat und nicht die anderen Videos, denn an deren Stelle werden ja nur die Vorschaubilder geladen.

ja du hast recht - aber bei manchen videos verwende ich kein extra Vorschaubild sonder übernehme das schon vorgegebene mit folgenden code.

Wie bewirke ich da ein lazy loding ?

<iframe width='100%' height='210' src='https://www.youtube.com/embed/HbfgRy1AvFo?start=0&end=207  ' title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share' allowfullscreen></iframe>

lg Andre

Dann gebe ich mal eine Hausaufgabe, um sich das Lazy Loading selber zu basteln. siehe

-----

Lazy Loading mit JavaScript

Mittlerweile gibt es unzählige JavaScript-Vorlagen für Lazy Loading, die Sie einfach in Ihre Website einbinden können. Eine schlanke Lösung ohne jQuery bietet beispielsweise das bereits erwähnte Skript LazyLoad. Zusätzlich zu der Möglichkeit, natives Lazy Loading für Bilder, Videos und iFrames einzustellen, unterstützt das 2,4 KB (Kilobyte) große Skript unter anderem auch responsive Bilder.

>> https://www.ionos.de/digitalguide/websites/webseiten-erstellen/lazy-loading/

-----

Vielleicht liefern diesmal die Javascript-Experten die fertige und getestete Lösung frei Haus.

danke hat mir leider nicht geholfen - wie ich es mit einem video mache  trotzdem danke. lg Andre

danke in jeden  Fall für Deine Bemühungen - kein Stress :) lg Andre

interessant:

Diesen Teil setze ich wo ein:?

function add_video_load( $content ) { if( is_feed() || is_preview() || ( function_exists( 'is_mobile' ) && is_mobile() ) ) return $content; if ( false !== strpos( $content, 'data-src' ) ) return $content; $placeholder_image = ('data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='); $content = preg_replace( '#<iframe([^>]+?)src=[\'"]?([^\'"\s>]+)[\'"]?([^>]*)>#', sprintf( '<iframe${1}src="%s" data-src="${2}"${3}>', $placeholder_image ), $content ); return $content; } add_filter( 'the_content', 'add_video_load' );

und den Zweiten Teil siehe Bild?

<script>function init(){var videoDefer=document.getElementsByTagName('iframe');for(var i=0;i<videoDefer.length;i++){if(videoDefer[i].getAttribute('data-src')){videoDefer[i].setAttribute('src',videoDefer[i].getAttribute('data-src'));}}}window.onload=init;</script>

und in php geändert ... ?

lg Andre

Das ist etwas für die PHP- und Javascript-Experten.

Ich habe es noch nicht geschafft, dass der PHP-Code zwischen <php>...</php> unsichtbar bleibt, obwohl ich ihn in einem HTML-Objekt hatte und das Dateinamensformat auf "php" eingestellt war.

Der Dateiname hatte auch die Endung.php und da sollte der PHP-Code eigentlcih nicht auf der Webseite sichtbar sein, aber irgendetwas ist das noch falsch - das Problem ist nur, dass ich nicht weiß wo.

Deshalb hoffe ich, dass die PHP- und Javascrit-Experten sich die Sache auch mal ansehen.

Vielleicht finde ich den PHP-Fehler noch, damit ich anschließend die Javascript-Funktion testen kann. Und wenn es heute Nachts nichts wird, dann womöglich in der nächsten Nacht oder die Experten präsentieren die fertige Lösung und ich muss mir nicht weiter den Kopf zerbrechen.

Jetzt weiß ich es wieder ...

<?php
echo "Hallo, ich bin ein PHP-Skript!";
?>

... es sind diese Zeichen, die Anfang und Ende von PHP-Code markieren.

Ich habe schon zu lange nichts mehr mit PHP gemacht - vor etwa 15 jahren habe ich einer PHP-Scriptschreiberin in deren Forum geholfen als die Nutzer der PHP-Scripte Fehlermeldungen hatten.

Jetzt wird gar nichs mehr angezeigt - also auf die PHP- und Javascript-Experten warten.

Ich lasse das Thema mit dieser PHP-Javascript-Kombination mal ruhen und schauen nach einer Javascript-Lösung ohne PHP.

Vor 15 Jahren habe ich nicht mit PHP-Funktionen gearbeitet, sondern mit einfachen PHP-Ablauf-Scripten und mit Textdateien als Datenbank. Das hatte die Scriptschreiberin damals auch genutzt.

Also Geduld - entweder finden die Experten etwas oder ich oder es bleibt ohne Lazy Loading.

Es geht wohl noch sehr viel einfacher ...

-----

<iframe src="video-player.html"title="..."loading="lazy"></iframe>

>> https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading

-----

... wer suchet, der findet - ich hoffe es klappt bei allen Browsern - damit beende ich diesen Post.

Zum Schluß noch ein Link zum Thema ...

>> https://web.dev/articles/iframe-lazy-loading?hl=de

... und damit ist das Thema Lazy Loading für mich abgehakt.

-----

"Zu Risiken und Nebenwirkungen fragen Sie Ihren Computer oder Browser."

ok danke es hat mir mal etwas geholfen lg