Sử dụng hình ảnh áp phích trên nội dung trình bổ trợ

Vài tuần trước, Chrome đã công bố một chế độ cài đặt nội dung mới tự động tạm dừng nội dung của trình bổ trợ mà Chrome phát hiện là không liên quan đến nội dung chính của trang web. Chế độ cài đặt này sẽ được áp dụng cho tất cả người dùng Chrome 45 trở lên (Bản ổn định tháng 9 năm 2015). Đây là một lợi thế cho người dùng về mức sử dụng CPU và mức tiêu thụ điện năng, nhưng có thể khiến họ không xem được toàn bộ nội dung mà trang web của bạn cung cấp.

May mắn thay, chế độ cài đặt này cũng tuân theo tham số áp phích theo cách tương tự như các phần tử video. Điều này cho phép bạn chỉ định một hình ảnh sẽ được sử dụng thay cho trình bổ trợ bị tạm dừng, thay vì khung bất kỳ mà Chrome tạm dừng nội dung trình bổ trợ của bạn.

Sau đây là ví dụ về cách sử dụng tính năng này trong thực tế. Nếu Chrome quyết định tạm dừng flash.swf, thì poster.png sẽ xuất hiện thay thế. Nếu người dùng nhấp vào áp phích, nội dung Flash sẽ phát như bình thường.

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

Giá trị của tham số áp phích được diễn giải giống như thuộc tính srcset của thẻ img, vì vậy, tham số này cũng có thể hỗ trợ màn hình có độ phân giải cao. Dưới đây là ví dụ về cú pháp srcset:

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

Điều quan trọng là hình ảnh được sử dụng phải có cùng kích thước với nội dung của trình bổ trợ – nếu không, hình ảnh có thể bị méo trên màn hình của người dùng