Ich verwende derzeit einen einfachen Iframe auf meiner Webseite und verwende Bootstrap, um mich an kleine Bildschirme (= You Tube Short) und große Bildschirme (= normale Videos im Querformat) anzupassen:

<div class="container d-none d-md-block" style="max-width:1000px;height:30%;">

      <iframe width="1000" height="550"
        src="https://www.you tube-nocookie.com/embed/0...?&mute=1&autoplay=1&encrypted-media=1" allow="autoplay; fullscreen;">
    </iframe>

  </div>

  <div class="container .d-block d-md-none" style="width:95%;">

      <iframe width="400" height="500"
        src="https://www.you tube-nocookie.com/embed/G...?&mute=1&autoplay=1&encrypted-media=1" allow="autoplay; fullscreen;">
    </iframe>

  </div>

</div>

Ich habe eine Warnung/Fehlermeldung:

Berechtigungsrichtlinien-Header-Fehler: Unbekannte Funktion: „Ch-ua-Formfaktor“.

Nach der Überprüfung scheint es mit der Bildschirmgröße zusammenzuhängen: https://wicg.github.io/ua-client-hints/

Wenn ich jedoch die Klasse für die Bildschirmgröße entferne, zum Beispiel „d-none d-md-block“, erscheint immer noch dieselbe Meldung (wahrscheinlich aufgrund der Konfiguration der übergeordneten Bildschirmgröße).

Außerdem erscheint der Fehler auch, wenn ich alle Iframe-Optionen entferne und www.you tube.com anstelle von www.you tube-nocookie.com verwende.

Wie kann dieses Problem gelöst werden?