Videoita on käytetty nettisivujen sisältönä ja piristeenä jo muinaisen Flashin ajoista asti. Niiden täysipainoista käyttöä mobiilisivuilla on kuitenkin rajoittanut yksi hölmö rajoitus – iPhonejen ominaisuus joka on pakottanut kaikki videot pyörimään fullscreen-tilassa.

Koska kyse on Applesta, virallista syytä ei tähän(kään) rajoitukseen tiedetä. Vahvin spekulointi liittyy mobiililiittymien datamaksuihin, jotka ovat hyvin tavallisia suunnilleen joka puolella paitsi Suomessa, varsinkin Amerikoissa. Ilman rajoituksia yhdenkin sivun automaattisesti latautuvat mobiilivideot voisivat imaista ison osan käyttäjän datapaketista (ja akusta).

Tätä rajoitusta on yritetty kiertää mm. rakentamalla koodikirjastoja, jotka pyörittävät mobiilivideoita freimi kerrallaan, mutta kaikki sen kaltaiset ratkaisut ovat olleet hieman epävakaita eivätkä siksi saavuttaneet suurta suosiota, edes nettimainostajien parissa.

MUTTA! Uuden iOS 10 -käyttöjärjestelmän myötä tämä rajoitus on poistunut. Tarvitaan vain simppeli playsinline”-attribuutti <video> -tagiin sivun html-koodissa.

Ensimmäisenä törmäsin itse tähän nettimainonnassa, mutta vahva veikkaukseni on, että määrityksen käyttöönotto leviää kohta laajemmaltikin käyttöön. Esim. YouTube tukee jo ominaisuutta upotuslinkeissä – videon osoitteen perään tarvitaan vain ?playsinline=1 -määrittely, esimerkiksi: <iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/hBBKxOIlUjw?playsinline=1&controls=0&modestbranding=1″ frameborder=”0″ allowfullscreen></iframe>

Omien testieni perusteella tämä uusi ominaisuus mahdollistaa aivan uudenlaisten visujen toteuttamisen mobiilikäyttäjille. Video-elementtiä voi tyylitellä mukavasti – vaikkapa filtterien avulla – sitä voi skaalata, sen päälle voi lisätä muita elementtejä ja mobiilivideo pyörii vaikka se skrollaisi ulos ruudusta. Eli jälleen uusi askel kohti natiivimaisempia web-appeja ja entistä luovempia sisältöratkaisuita!

Tiettyjä rajoitteita mobiilivideoiden pyörittelyssä edelleen on. Testiemme perusteella vaikuttaisi siltä, että appien (esim. Facebookin) sisäisten selainten kanssa videot toimivat ”vanhalla huonolla tavalla” eli pakotettuna fullscreeninä. Videoita ei myöskään saa pyörimään automaattisesti, vaan käyttäjän pitää aina klikata video pyörimään. Tässäkin voi kuitenkin käyttää hieman luovuutta, sillä play-napin ei tarvitse välttämättä olla videon kohdalla.

Hauskana lisäominaisuutena näyttäisi olevan se, että jos sivulla pyörii looppaava video, puhelin ei mene virransäästötilaan. Näin ollen piilossa pyörivää pientä videota voi käyttää, jos haluaa sivunsa tai appinsa pysyvän auki koko ajan. Voisin tosin veikata, että tämä ominaisuus poistetaan käytöstä Applen toimesta ennemmin tai myöhemmin.

Tein nopean demon aiheesta. Demosivulla on panoraamamaisesti toimiva taustavideo, jota voi liikutella puhelinta kääntelemällä. Myös videon sävy muuttuu puhelimen liikkeen mukaan. Demo pitää avata siis suoraan Safarissa-selaimessa, Facebookin sisäisessä selaimessa demo ei toimi. Voit myös kurkata iOS 10:n asennuksen jälkeen toteuttamaamme sivustoa www.sanathaltuun.fi, jossa videot pyörivät suoraan sivunäkymässä.

Mikäli suunnitelmissasi on aktivoida kohderyhmääsi erityisesti mobiilissa tai haluat tehokkuutta digitaaliseen kampanjaasi kannattaa ehdottomasti ottaa yhteyttä. Uskomme että näillä ominaisuuksilla saadaan luotua uusia fiiliksiä kännykänräpeltäjille 🙂