Posterafbeeldingen gebruiken bij plug-ininhoud,Posterafbeeldingen gebruiken bij plug-ininhoud

Enkele weken geleden heeft Chrome een nieuwe inhoudsinstelling aangekondigd die automatisch de inhoud van plug-ins pauzeert waarvan wordt vastgesteld dat deze aan de hoofdinhoud van de site grenst. Deze zal live gaan voor alle gebruikers van Chrome 45 en later (stabiel september 2015). Dit is een overwinning voor uw gebruikers in termen van CPU-gebruik en energieverbruik, maar kan ertoe leiden dat zij niet de volledige inhoud van uw website zien.

Gelukkig respecteert de instelling ook de posterparameter op dezelfde manier als video-elementen. Hiermee kunt u een afbeelding opgeven die moet worden gebruikt in plaats van de gepauzeerde plug-in, in plaats van het frame waarop Chrome de inhoud van uw plug-in pauzeert.

Hier is een voorbeeld van het gebruik ervan in de praktijk. Als Chrome besluit flash.swf te pauzeren, wordt in plaats daarvan poster.png weergegeven. Als de gebruiker op de poster klikt, wordt de Flash-inhoud zoals normaal afgespeeld.

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

De waarde van de posterparameter wordt op dezelfde manier geïnterpreteerd als het srcset-attribuut van een img-tag, zodat deze ook weergaven met hoge DPI kan ondersteunen. Hier is een voorbeeld van de srcset-syntaxis:

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

Het is belangrijk dat de gebruikte afbeelding dezelfde afmetingen heeft als de inhoud van de plug-in, anders kan de afbeelding vervormd op het scherm van de gebruiker terechtkomen

,

Enkele weken geleden heeft Chrome een nieuwe inhoudsinstelling aangekondigd die automatisch de inhoud van plug-ins pauzeert waarvan wordt vastgesteld dat deze aan de hoofdinhoud van de site grenst. Deze zal live gaan voor alle gebruikers van Chrome 45 en later (stabiel september 2015). Dit is een overwinning voor uw gebruikers in termen van CPU-gebruik en energieverbruik, maar kan ertoe leiden dat zij niet de volledige inhoud van uw website zien.

Gelukkig respecteert de instelling ook de posterparameter op dezelfde manier als video-elementen. Hiermee kunt u een afbeelding opgeven die moet worden gebruikt in plaats van de gepauzeerde plug-in, in plaats van het frame waarop Chrome de inhoud van uw plug-in pauzeert.

Hier is een voorbeeld van het gebruik ervan in de praktijk. Als Chrome besluit flash.swf te pauzeren, wordt in plaats daarvan poster.png weergegeven. Als de gebruiker op de poster klikt, wordt de Flash-inhoud zoals normaal afgespeeld.

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

De waarde van de posterparameter wordt op dezelfde manier geïnterpreteerd als het srcset-attribuut van een img-tag, zodat deze ook weergaven met hoge DPI kan ondersteunen. Hier is een voorbeeld van de srcset-syntaxis:

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

Het is belangrijk dat de gebruikte afbeelding dezelfde afmetingen heeft als de inhoud van de plug-in, anders kan de afbeelding vervormd op het scherm van de gebruiker terechtkomen