प्लगिन के कॉन्टेंट पर पोस्टर इमेज का इस्तेमाल करना

पॉल किनलन
पॉल किनलन

कई हफ़्ते पहले, Chrome ने एक नई कॉन्टेंट सेटिंग की घोषणा की थी जो प्लगिन की सामग्री को अपने-आप रोक देती है जिसे साइट की मुख्य सामग्री के लिए सहायक डिवाइस माना जाता है. यह सेटिंग, Chrome 45 और उसके बाद के सभी उपयोगकर्ताओं के लिए लाइव हो जाएगी (सितंबर 2015). यह सीपीयू के इस्तेमाल और बिजली की खपत के मामले में आपके उपयोगकर्ताओं के लिए फ़ायदेमंद है. हालांकि, हो सकता है कि इससे वे आपकी वेबसाइट पर मौजूद पूरा कॉन्टेंट न देख पाएं.

अच्छी बात यह है कि इस सेटिंग में पोस्टर पैरामीटर को भी उसी तरह काम किया जाता है जिस तरह वीडियो एलिमेंट के लिए किया जाता है. इससे आपको एक ऐसी इमेज तय करने की सुविधा मिलती है जिसका इस्तेमाल, रोके गए प्लग इन की जगह पर किया जाना चाहिए बजाय कि Chrome जिस फ़्रेम पर आपके प्लगिन की सामग्री को रोक दे, उसके बजाय इमेज का इस्तेमाल किया जाए.

यहां इसका इस्तेमाल करने का एक उदाहरण दिया गया है. अगर Chrome Flash.swf को रोकने का फ़ैसला लेता है, तो उसकी जगह poster.png दिखाया जाएगा. अगर उपयोगकर्ता फ़्लैश कॉन्टेंट के बजाय पोस्टर पर क्लिक करता है, तो वह सामान्य रूप से चलेगा.

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

पोस्टर पैरामीटर की वैल्यू की व्याख्या, img टैग के srcset एट्रिब्यूट की तरह ही की जाती है, इसलिए यह हाई-डीपीआई डिसप्ले के साथ भी काम कर सकता है. यहां srcset सिंटैक्स का एक उदाहरण दिया गया है:

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

यह ज़रूरी है कि इस्तेमाल की गई इमेज का डाइमेंशन और प्लगिन के कॉन्टेंट का डाइमेंशन एक ही हो. ऐसा न होने पर, उपयोगकर्ता की स्क्रीन पर इमेज की क्वालिटी खराब हो सकती है