Использование изображений постеров в контенте плагина

Несколько недель назад Chrome объявил о новой настройке контента, которая автоматически приостанавливает контент плагина , который, по его мнению, является второстепенным по отношению к основному содержимому сайта, и будет доступен всем пользователям Chrome 45 и более поздних версий (стабильная версия, сентябрь 2015 г.). Это выигрыш для ваших пользователей с точки зрения использования процессора и энергопотребления, но может привести к тому, что они не увидят весь контент, предоставляемый вашим веб-сайтом.

К счастью, этот параметр также учитывает параметр плаката так же, как и элементы видео. Это позволяет вам указать изображение, которое должно использоваться вместо приостановленного плагина, а не в зависимости от того, в каком кадре Chrome приостанавливает содержимое вашего плагина.

Вот пример использования на практике. Если Chrome решит приостановить работу flash.swf, вместо него будет показан файл poster.png. Если пользователь нажмет на постер, Flash-контент будет воспроизводиться как обычно.

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

Значение параметра плакат интерпретируется так же, как атрибут srcset тега img, поэтому он также может поддерживать дисплеи с высоким разрешением. Вот пример синтаксиса srcset:

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

Важно, чтобы используемое изображение имело те же размеры, что и содержимое плагина, иначе изображение может быть искажено на экране пользователя.

,

Несколько недель назад Chrome объявил о новой настройке контента, которая автоматически приостанавливает контент плагина , который, по его мнению, является второстепенным по отношению к основному содержимому сайта, и будет доступен всем пользователям Chrome 45 и более поздних версий (стабильная версия, сентябрь 2015 г.). Это выигрыш для ваших пользователей с точки зрения использования процессора и энергопотребления, но может привести к тому, что они не увидят весь контент, предоставляемый вашим веб-сайтом.

К счастью, этот параметр также учитывает параметр плаката так же, как и элементы видео. Это позволяет вам указать изображение, которое должно использоваться вместо приостановленного плагина, а не в зависимости от того, в каком кадре Chrome приостанавливает содержимое вашего плагина.

Вот пример использования на практике. Если Chrome решит приостановить работу flash.swf, вместо него будет показан файл poster.png. Если пользователь нажмет на постер, Flash-контент будет воспроизводиться как обычно.

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

Значение параметра плакат интерпретируется так же, как атрибут srcset тега img, поэтому он также может поддерживать дисплеи с высоким разрешением. Вот пример синтаксиса srcset:

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

Важно, чтобы используемое изображение имело те же размеры, что и содержимое плагина, иначе изображение может быть искажено на экране пользователя.