Há algumas semanas, o Chrome anunciou uma nova configuração de conteúdo que pausa automaticamente o conteúdo de plug-ins que ele detecta como periférico ao conteúdo principal do site. Essa configuração será lançada para todos os usuários do Chrome 45 e versões mais recentes (versão estável de setembro de 2015). Isso é bom para os usuários em termos de uso da CPU e consumo de energia, mas pode fazer com que eles não vejam todo o conteúdo que seu site oferece.
Felizmente, a configuração também respeita o parâmetro de pôster de maneira semelhante aos elementos de vídeo. Isso permite especificar uma imagem que deve ser usada no lugar do plug-in pausado, em vez de qualquer frame em que o Chrome pause o conteúdo do plug-in.
Confira um exemplo de como usar na prática. Se o Chrome decidir pausar flash.swf, poster.png será mostrado no lugar dele. Se o usuário clicar no pôster, o conteúdo em Flash será reproduzido normalmente.
<object data="http://example.com/flash.swf"
type="application/x-shockwave-flash"
poster="poster.png">
</object>
O valor do parâmetro "poster" é interpretado da mesma forma que o atributo "srcset" de uma tag "img" e, por isso, também pode oferecer suporte a telas de alta DPI. Confira um exemplo da sintaxe srcset:
<object data="http://example.com/flash.swf"
type="application/x-shockwave-flash"
poster="snapshot1x.png 1x, snapshot2x.png 2x">
</object>
É importante que a imagem usada tenha as mesmas dimensões do conteúdo do plug-in. Caso contrário, ela pode ficar distorcida na tela do usuário.