استفاده از تصاویر پوستر در محتوای افزونه

چند هفته پیش، کروم تنظیمات محتوای جدیدی را اعلام کرد که به طور خودکار محتوای افزونه را که تشخیص می‌دهد برای محتوای اصلی سایت جانبی است، متوقف می‌کند و برای همه کاربران Chrome 45 به بعد (پایدار سپتامبر 2015) فعال می‌شود. این یک پیروزی برای کاربران شما از نظر مصرف پردازنده و مصرف انرژی است، اما ممکن است منجر به عدم مشاهده محتوای کامل وب سایت شما شود.

خوشبختانه، این تنظیمات به پارامتر پوستر نیز به روشی مشابه که عناصر ویدیویی انجام می دهند، احترام می گذارد. این به شما امکان می‌دهد تصویری را مشخص کنید که باید به‌جای افزونه متوقف‌شده استفاده شود، به‌جای اینکه کروم محتوای افزونه شما را روی هر فریمی که کروم محتوای افزونه شما را متوقف می‌کند، استفاده شود.

در اینجا مثالی از استفاده از آن در عمل آورده شده است. اگر Chrome تصمیم بگیرد flash.swf را متوقف کند، poster.png در جای خود نشان داده می شود. اگر کاربر روی پوستر کلیک کند، محتوای فلش مانند معمول پخش می شود.

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

مقدار پارامتر پوستر مانند ویژگی srcset یک تگ img تفسیر می شود، بنابراین می تواند نمایشگرهای با DPI بالا را نیز پشتیبانی کند. در اینجا مثالی از نحو srcset آورده شده است:

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

مهم است که تصویر استفاده شده از ابعاد یکسان با محتوای افزونه باشد - در غیر این صورت، تصویر ممکن است در صفحه کاربر مخدوش شود.

،

چند هفته پیش، کروم تنظیمات محتوای جدیدی را اعلام کرد که به طور خودکار محتوای افزونه را که تشخیص می‌دهد برای محتوای اصلی سایت جانبی است، متوقف می‌کند و برای همه کاربران Chrome 45 به بعد (پایدار سپتامبر 2015) فعال می‌شود. این یک پیروزی برای کاربران شما از نظر مصرف پردازنده و مصرف انرژی است، اما ممکن است منجر به عدم مشاهده محتوای کامل وب سایت شما شود.

خوشبختانه، این تنظیمات به پارامتر پوستر نیز به روشی مشابه که عناصر ویدیویی انجام می دهند، احترام می گذارد. این به شما امکان می‌دهد تصویری را مشخص کنید که باید به‌جای افزونه متوقف‌شده استفاده شود، به‌جای اینکه کروم محتوای افزونه شما را روی هر فریمی که کروم محتوای افزونه شما را متوقف می‌کند، استفاده شود.

در اینجا مثالی از استفاده از آن در عمل آورده شده است. اگر Chrome تصمیم بگیرد flash.swf را متوقف کند، poster.png در جای خود نشان داده می شود. اگر کاربر روی پوستر کلیک کند، محتوای فلش مانند معمول پخش می شود.

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

مقدار پارامتر پوستر مانند ویژگی srcset یک تگ img تفسیر می شود، بنابراین می تواند نمایشگرهای با DPI بالا را نیز پشتیبانی کند. در اینجا مثالی از نحو srcset آورده شده است:

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

مهم است که تصویر استفاده شده از ابعاد یکسان با محتوای افزونه باشد - در غیر این صورت، تصویر ممکن است در صفحه کاربر مخدوش شود.