J'utilise actuellement un simple iframe dans ma page Web, en utilisant bootstrap pour m'adapter aux petits écrans (=you tube Short) et aux grands écrans (=vidéos de paysage normales) :
<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>
J'ai un message d'avertissement/d'erreur :
Erreur d’en-tête de stratégie d’autorisation : fonction non reconnue : "facteur de forme ch-ua".
Après vérification, cela semble être lié à la taille de l'écran : https://wicg.github.io/ua-client-hints/
Cependant, si je supprime la classe pour la taille de l'écran, par exemple "d-none d-md-block", le même message apparaît toujours (probablement en raison de la configuration de la taille de l'écran parent).
En plus de cela, l'erreur apparaît également si je supprime toutes les options iframe et que j'utilise www.you tube.com au lieu de www.you tube-nocookie.com.
Comment résoudre ce problème ?
J'ai reçu le même avertissement sur une page contenant une vidéo YouTube intégrée, j'ai creusé plus profondément la situation, pour découvrir que cela venait en fait de leur côté car l'élément incriminé était à l'intérieur de l'intégration. Je pense donc qu’il est préférable de suivre le conseil d’ignorer les avertissements.