Video je eden tistih elementov, ki ga vsi želimo uporabiti v e-pošti, a se pri tem hitro pojavijo težave. E-mail namreč ni ustrezno standardiziran in e-poštni odjemalci niso spletni brskalniki in ne podpirajo vseh HTML elementov na enak način.

Dobra novica? Video v e-pošti je danes precej bolj izvedljiv kot nekoč. Slaba novica? Še vedno ni tako preprost, kot dodati <video> na spletno stran. Strokovnjaki pri ActionRocket-u so preverili, kaj lahko danes dejansko naredimo in našli precej zanimivo in enostavno rešitev – “Making video work in email“. Video lahko danes prikažemo neposredno v nekaterih e-poštnih odjemalcih, vendar moramo vedno pripraviti tudi “fallback” (rezervo). Za večino uporabnikov je zato še vedno najbolj zanesljiva rešitev slika ali animacija z gumbom za predvajanje, ki uporabnika odpelje na video.

<video> tudi v e-pošti?

Osnovna rešitev je podobna kot na spletni strani – uporabimo HTML5 element <video>. Ta lahko vsebuje video, njegovo velikost, poster oziroma začetno sliko in različne možnosti predvajanja.

<video width="100%" height="auto" controls poster="poster.jpg">
<source src="video.mp4" type="video/mp4">
<img src="fallback.jpg" alt="Oglejte si video">
</video>

Pomemben je predvsem zadnji del. Fallback slika se prikaže tam, kjer e-poštni odjemalec videa ne podpira. Tako ne dobimo praznega prostora ali pokvarjene vsebine. Pri videu lahko uporabimo tudi autoplay, muted, playsinline in loop, vendar podpora med odjemalci ni enaka. Samodejno predvajanje je zato nekaj, s čimer moramo biti previdni.

Vir: ActionRocket

Še zanimivejši trik: <picture>

ActionRocket je preveril tudi uporabo elementa <picture>. Ta omogoča, da različnim odjemalcem ponudimo različne formate vsebine. V najboljšem primeru uporabnik dobi pravi video. Drugje lahko prikažemo animirani WebP, pri Gmailu pa GIF. Če tudi to ni mogoče, uporabimo običajno statično sliko. To je pravzaprav lep primer progressive enhancementa: ne pričakujemo, da bodo vsi uporabniki dobili popolnoma enako izkušnjo, ampak vsakemu ponudimo najboljšo različico, ki jo njegov odjemalec podpira.

Vir: ActionRocket

Kaj pa zvok?

Pri uporabi videa v e-pošti je treba računati tudi na zvok. Pri pristopu s <picture> je video brez zvoka, kar pa je v praksi lahko celo prednost. Veliko videov danes gledamo brez zvoka – na telefonu, v službi, na javnem mestu ali med brskanjem po družbenih omrežjih. Če je bistveno sporočilo v videu, morajo biti zato pomembne informacije razumljive tudi brez zvoka. To je hkrati tudi dostopnostni nasvet: video naj ne bo odvisen samo od zvoka.

Video je precej večji od slike

Pri e-pošti hitro pozabimo še na eno stvar: velikost datoteke. Slika v e-pošti je lahko velika nekaj sto KB, video pa hitro doseže več MB. Če se na primer kampanja pošlje več tisoč ali milijonom prejemnikov, lahko vsi skoraj istočasno zahtevajo isto video datoteko. Zato je pomembno tudi ustrezno gostovanje in CDN. ActionRocket opozarja, da večina ESP-jev oziroma ponudnikov za pošiljanje e-pošte ne ponuja klasičnega video gostovanja.

Najbolj preprosta rešitev je še vedno dobra

Če ne potrebujemo pravega videa neposredno v e-pošti, lahko uporabimo precej bolj preprost pristop. Iz videa naredimo GIF ali statično sliko, nanjo dodamo ikono za predvajanje in celotno sliko povežemo z videom na spletni strani. To je tudi običajna praksa že nekaj let. Uporabnik tako dobi občutek video vsebine, dejanski video pa se odpre v okolju, ki je za predvajanje precej bolj primerno. In včasih je to tudi najboljša rešitev.

Video v e-pošti ni več nekaj, kar bi bilo tehnično nemogoče. Podpora se je izboljšala, pojavili pa so se tudi zanimivi pristopi s kombinacijo <video>, <picture>, WebP in GIF-a. Toda “lahko” še ne pomeni “moramo”. E-pošta ima še vedno ogromno različnih odjemalcev, omejitev in posebnosti. Zato je pomembneje kot samo predvajanje videa zagotoviti, da je sporočilo razumljivo tudi uporabniku, ki videa ne more predvajati. Testni primer pri meni deluje le na iOS telefonu medtem, ko na računalniku vedno prikaže “fallback”, e-mail klient je Gmail. Pri e-pošti je zato dober fallback še vedno tako pomemben kot sam video.

Pred uporabo nestandardnih rešitev jih vedno ustrezno testirajte. E-poštni odjemalci podpirajo HTML in CSS na različne načine, zato lahko ista vsebina pri različnih uporabnikih izgleda ali deluje povsem drugače.

Vir in več informacij: Making video work in email