幾週前,Chrome 宣布推出新的內容設定,可自動暫停插件內容。如果 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 屬性相同的方式解讀 poster 參數的值,因此也能支援高 DPI 顯示裝置。以下是 srcset 語法的範例:
<object data="http://example.com/flash.swf"
type="application/x-shockwave-flash"
poster="snapshot1x.png 1x, snapshot2x.png 2x">
</object>
請務必使用與外掛程式內容相同的圖片尺寸,否則圖片可能會在使用者螢幕上出現扭曲