Używanie obrazów plakatów w treści wtyczki

Kilka tygodni temu w Chrome ogłoszono nowe ustawienie treści, które automatycznie wstrzymuje treści w pluginach, które wykrywają, że są one peryferyjne w stosunku do głównej treści witryny. Zostanie ono udostępnione wszystkim użytkownikom Chrome 45 i później (wersja stabilna z września 2015 r.). To korzystne dla użytkowników pod względem wykorzystania procesora i zużycia energii, ale może spowodować, że nie będą oni widzieć pełnej treści witryny.

Na szczęście to ustawienie uwzględnia też parametr poster w podobny sposób jak elementy wideo. Pozwala to określić obraz, który ma być używany zamiast wstrzymanego wtyczka, zamiast dowolnego kadru, w którym Chrome wstrzymuje zawartość wtyczki.

Oto przykład użycia tej funkcji w praktyce. Jeśli Chrome zdecyduje się wstrzymać flash.swf, na jego miejscu zostanie wyświetlony plik poster.png. Jeśli użytkownik kliknie plakat, treści Flash będą odtwarzane w zwykły sposób.

<object data="http://example.com/flash.swf"  
        type="application/x-shockwave-flash"
        poster="poster.png">
</object>

Wartość parametru poster jest interpretowana tak samo jak atrybut srcset tagu img, więc może obsługiwać wyświetlacze o wysokiej rozdzielczości. Oto przykład składni srcset:

<object data="http://example.com/flash.swf"  
        type="application/x-shockwave-flash"
        poster="snapshot1x.png 1x, snapshot2x.png 2x">
</object>

Obraz musi mieć takie same wymiary jak zawartość wtyczki. W przeciwnym razie może zostać zniekształcony na ekranie użytkownika.