Paul Kinlan
몇 주 전에 Chrome에서는 사이트의 기본 콘텐츠와 관련이 없는 것으로 감지된 플러그인 콘텐츠를 자동으로 일시중지하는 새로운 콘텐츠 설정을 발표했으며, 이 설정은 Chrome 45 이상 (2015년 9월 안정화 버전)의 모든 사용자에게 제공됩니다. 이렇게 하면 CPU 사용량과 전력 소비 측면에서 사용자에게 유리하지만 웹사이트에서 제공하는 전체 콘텐츠가 표시되지 않을 수 있습니다.
다행히도 이 설정은 동영상 요소와 비슷한 방식으로 포스터 매개변수를 따릅니다. 따라서 Chrome에서 플러그인 콘텐츠를 일시중지하는 프레임 대신 일시중지된 플러그인 대신 사용할 이미지를 지정할 수 있습니다.
실제 사용 예는 다음과 같습니다. Chrome에서 flash.swf를 일시중지하기로 결정하면 대신 poster.png가 표시됩니다. 사용자가 포스터를 클릭하면 Flash 콘텐츠가 정상적으로 재생됩니다.
<object data="http://example.com/flash.swf"
type="application/x-shockwave-flash"
poster="poster.png">
</object>
포스터 매개변수의 값은 img 태그의 srcset 속성과 동일한 방식으로 해석되므로 고DPI 디스플레이도 지원할 수 있습니다. 다음은 srcset 문법의 예입니다.
<object data="http://example.com/flash.swf"
type="application/x-shockwave-flash"
poster="snapshot1x.png 1x, snapshot2x.png 2x">
</object>
사용된 이미지가 플러그인 콘텐츠와 동일한 크기여야 합니다. 그렇지 않으면 사용자 화면에서 이미지가 왜곡될 수 있습니다.