Intégration avec Google AMP ou Apple News

Précédent Suivant

Google AMP

Google AMP permet aux éditeurs d’inclure du contenu multimédia enrichi sur les pages utilisant des iframes, mais les éditeurs doivent utiliser l’option spéciale <amp-iframes>  .

Lire la documentation <amp-iframe> :  https://amp.dev/documentation/components/amp-iframe/?format=websites

Disposition à hauteur fixe ​

Par défaut, les iframes AMP sont « responsives », ce qui signifie qu’elles redimensionneront à la fois la largeur et la hauteur proportionnellement. Le lecteur intégré Omny est, par défaut, un lecteur à hauteur fixe.

Veuillez ajouter layout="fixed-height"  au composant <amp-iframe  pour empêcher l’iframe de redimensionner la hauteur.

Restrictions de la fenêtre d’affichage

Les iframes AMP imposent une restriction selon laquelle les iframes ne doivent pas être affichés à moins de 600 px ou 75 % de la première fenêtre d’affichage à partir du haut. Les éditeurs peuvent contourner ce comportement en définissant une vue d’espace réservé.

Exemple de code

Pour voir un exemple de lecteur intégré Omny dans AMP, rendez-vous sur https://gist.github.com/longzheng/6568b9bee181a7dfaae303e7a04522d1

Apple News

Malheureusement, Apple News restreint la possibilité d’utiliser des iframes et ne prend en charge naturellement que l’affichage du contenu multimédia de YouTube et Vimeo.

En guise d’alternative, Apple News inclut un composant audio qui affiche un lecteur audio natif. Les développeurs peuvent configurer ce composant audio sur l’URL MP3 du clip publié afin de permettre aux lecteurs de lire le contenu audio équivalent.

Documentation : https://developer.apple.com/documentation/apple_news/audio

Remarque aux développeurs : l’utilisation du composant audio sans image a pour effet secondaire qu’Apple News met automatiquement en mémoire tampon/télécharge le fichier audio sans que l’utilisateur n’appuie sur lecture. Ceci n’est pas souhaitable car cela compterait les téléchargements involontaires. La définition d’une image empêche ce comportement et l’utilisateur doit appuyer sur lecture avant que le composant audio ne soit mis en mémoire tampon ou téléchargé.

© 2026 Triton Digital, Inc. Tous droits réservés.