Несколько недель назад Chrome объявил о новой настройке контента, которая автоматически приостанавливает контент плагина , который он определяет как периферийный по отношению к основному контенту сайта, и будет доступна всем пользователям Chrome 45 и более поздних версий (стабильная версия от сентября 2015 г.). Это выигрыш для ваших пользователей с точки зрения использования процессора и энергопотребления, но может привести к тому, что они не увидят весь контент, который предоставляет ваш сайт.
К счастью, настройка также учитывает параметр poster таким же образом, как и элементы video. Это позволяет вам указать изображение, которое должно использоваться вместо приостановленного плагина, а не тот кадр, на котором Chrome останавливает содержимое вашего плагина.
Вот пример использования на практике. Если Chrome решит приостановить flash.swf, на его месте будет показан poster.png. Если пользователь нажмет на постер, то Flash-контент будет воспроизводиться как обычно.
<object data="http://example.com/flash.swf"
type="application/x-shockwave-flash"
poster="poster.png">
</object>
Значение параметра poster интерпретируется так же, как атрибут srcset тега img, поэтому он также может поддерживать дисплеи с высоким разрешением. Вот пример синтаксиса srcset:
<object data="http://example.com/flash.swf"
type="application/x-shockwave-flash"
poster="snapshot1x.png 1x, snapshot2x.png 2x">
</object>
Важно, чтобы используемое изображение имело те же размеры, что и содержимое плагина, в противном случае изображение может оказаться искаженным на экране пользователя.