Il y a quelques semaines, Chrome a annoncé un nouveau paramètre de contenu qui met automatiquement en pause le contenu des plug-ins qu'il détecte comme étant périphérique au contenu principal du site. Il sera déployé pour tous les utilisateurs de Chrome 45 et versions ultérieures (version stable de septembre 2015). Cela est bénéfique pour vos utilisateurs en termes d'utilisation du processeur et de consommation d'énergie, mais ils risquent de ne pas voir l'intégralité du contenu de votre site Web.
Heureusement, le paramètre respecte également le paramètre "poster" de la même manière que les éléments vidéo. Vous pouvez ainsi spécifier une image à utiliser à la place du plug-in mis en pause, au lieu du frame sur lequel Chrome met en pause le contenu de votre plug-in.
Voici un exemple d'utilisation concrète. Si Chrome décide de suspendre flash.swf, poster.png s'affiche à la place. Si l'utilisateur clique sur l'affiche, le contenu Flash sera lu normalement.
<object data="http://example.com/flash.swf"
type="application/x-shockwave-flash"
poster="poster.png">
</object>
La valeur du paramètre "poster" est interprétée de la même manière que l'attribut "srcset" d'une balise "img". Il peut donc également prendre en charge les écrans haute résolution. Voici un exemple de syntaxe srcset:
<object data="http://example.com/flash.swf"
type="application/x-shockwave-flash"
poster="snapshot1x.png 1x, snapshot2x.png 2x">
</object>
Il est important que l'image utilisée ait les mêmes dimensions que le contenu du plug-in. Sinon, l'image risque d'être déformée sur l'écran de l'utilisateur.