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 zawartości Twojej 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 praktycznego zastosowania tej funkcji. 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.