Eerst een gewone animated GIF, dan een video, dan een video met autostart en loop.
Deze GIF werkt wel, maar is dan ook een vrij klein bestand…
Dit bestand is 299 KB groot. Dat laadt redelijk snel.
Kan zijn dat je in de problemen komt met een GIF van meerdere MBs. Dan werkt het op zich nog steeds wel, maar dan duurt het zo lang voordat ie binnen is, dat in eerste instantie het beeld gewoon stil blijft staan.
Oplossingen:
- GIF kleinere afmeting geven, meer compressie, minder frames.
- Werken met een kleiner voorbeeld dat ‘doorklikbaar’ is naar het grotere formaat… Mwah, niet echt een leuke oplossing.
- GIF omzetten naar een videobestand, want video’s veel beter ‘geprogrammeerd’ om te streamen dan een GIF bestand.
Deze heb ik even gemaakt met een online converteer-dingetje: https://ezgif.com/gif-to-mp4
Autostart, Loop
Je ziet dat Worpress de video niet loopt en ook niet autostart. Dat is niet zo mooi, maar dat kan wel aangepast worden. Rechts bovenaan de pagina die je aan het berwerken bent kun je heen en weer switchen tussen ‘Visueel’ en ‘Tekst’. Kies ‘Tekst’, dan krijg je de onderliggende codes in beeld. Zoek de code van je net geplaatste video op… In het voorbeeld hieronder is dat tussen vierkante haken…
video width=”1200″ height=”900″ mp4=”https://www.benedennap.com/wp-content/uploads/2019/03/ezgif.com-gif-to-mp4-2.mp4″
Daar voeg je, nog binnen die vierkante haken, een loop + een autoplay code aan toe… > loop=”on” autoplay=”on”… Dus nog tussen die twee vierkante hakendie ik hier niet kan herhalen, anders raakt WordPress in de war:
video width=”1200″ height=”900″ mp4=”https://www.benedennap.com/wp-content/uploads/2019/03/ezgif.com-gif-to-mp4-2.mp4 loop=”on” autoplay=”on”
Kijk, dan gaat het vanzelf…
En deze ook, nu in plaats van een dikke 6MB nu maar 1,5 MB, nog steeds aan de grote kant, maar het begint er op te lijken 🙂
By the way, autoplay werk meestal alleen als er GEEN GELUID in je video zit. En bij mij staat in Safari Autostart uit, maar in veel browsers zal dit wel goed werken.