การใช้ภาพโปสเตอร์ในเนื้อหาปลั๊กอิน

เมื่อไม่กี่สัปดาห์ที่ผ่านมา Chrome ได้ประกาศการตั้งค่าเนื้อหาใหม่ที่จะหยุดเนื้อหาปลั๊กอินไว้ชั่วคราวโดยอัตโนมัติ ซึ่งตรวจพบว่ากับอุปกรณ์ต่อพ่วงกับเนื้อหาหลักของเว็บไซต์จะเผยแพร่ต่อผู้ใช้ Chrome 45 ทั้งหมดเป็นต้นไป (เสถียรเดือนกันยายน 2015) ซึ่งมีประโยชน์กับผู้ใช้ของคุณในแง่ของการใช้งาน CPU และการใช้พลังงาน แต่อาจส่งผลให้ผู้ใช้ไม่เห็นเนื้อหาทั้งหมดที่เว็บไซต์ของคุณนำเสนอ

โชคดีที่การตั้งค่านี้เป็นไปตามพารามิเตอร์โปสเตอร์ในลักษณะเดียวกันกับที่องค์ประกอบวิดีโอทำ ซึ่งช่วยให้คุณสามารถระบุรูปภาพที่ควรใช้แทนปลั๊กอินที่หยุดชั่วคราว แทนที่จะเลือกเฟรมที่ Chrome หยุดเนื้อหาปลั๊กอินของคุณไว้ชั่วคราว

นี่คือตัวอย่างการนำไปใช้ในทางปฏิบัติ หาก Chrome ตัดสินใจหยุด Flash.swf ชั่วคราว poster.png ก็จะแสดงแทนที่ Flash.swf ชั่วคราว ถ้าคลิกโปสเตอร์แล้วเปิดมากกว่าเนื้อหา Flash ก็จะเล่นเหมือนปกติ

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

ระบบจะแปลค่าของพารามิเตอร์ poster ในลักษณะเดียวกับแอตทริบิวต์ srcset ของแท็ก img จึงรองรับการแสดงผลแบบ DPI สูงได้เช่นกัน ตัวอย่างไวยากรณ์ srcset

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

สิ่งสำคัญคือรูปภาพที่ใช้ต้องมีขนาดเท่ากับเนื้อหาปลั๊กอิน มิเช่นนั้น รูปภาพอาจบิดเบี้ยวบนหน้าจอของผู้ใช้