# 180: Pelaaminen videoiden kanssa mobiililaitteilla - CSS-temppuja

Anonim

Oikein varoitettu: En ole asiantuntija näissä asioissa, pelaan vain videoiden kanssa verkossa ja käsittelen joitain ongelmia, joita minulla on, kun esittelen videoleikkeitä blogiviesteissä.

Minulla on iOS-simulaattori tässä videossa, ja laitan HTML-videotunnisteen HTML-perusasiakirjaan nopealle videolle, jonka nauhoitin Kapilla.

Videossa on otettava huomioon monia asioita:

  1. Antaa sille hallinta! Kuten . Huomaa, että videossa kesti hetken ymmärtääkseni, miksi video ei näkynyt mobiililaitteessa vasta, kun se näytti.
  2. Videon toistaminen suorana, kuten , mikä estää sitä siirtymästä koko näytön mobiililaitteeseen heti, kun toistat sitä.
  3. Mitoitus sujuvasti ja kuvasuhteella.
  4. Missä se isännöidään. Onko verkkopalvelimesi kunnossa? Pitäisikö sen olla CDN: llä? Pitäisikö sinun käyttää mediaisäntää, joka on erikoistunut tällaisiin asioihin? Videossa plopin sen Droplriin, joka on kätevää, sitten CodePen Asset Hostingiin, joka on myös kätevä, ja lopulta Cloudinaryyn, koska se voi tehdä hienoja asioita, kuten optimointi ja muotoilun käsittely.
  5. Varmista, että video näyttää pirun videolta. Matkapuhelimella, jos käytät , että välineet juliste: . Muuten saat tyhjän valkoisen mitään. Joskus yksinään kannattaa käyttää jonkinlaista auttajaa.

Tietenkin voit vain istuttaa videota YouTubessa tai missä tahansa ja saada hyvän videonkäsittelyn turhaan. Mutta YouTube ei ole aina oikea pienille pienille esittelyvideoille, kuten olin tekemisissä täällä. Lisäksi ne ovat painavia, joten saatat olla kiinnostunut laiskasta niiden lataamisesta.

Viime kädessä katsomme studio.cloudinary.com. Se voi tehdä hienoja juttuja, kuten tarjota räätälöityjä soittimia ja tehdä mukautuvaa bittinopeuden suoratoistoa, joka on hienoa ja tuntuu todella tärkeältä parhaan mahdollisen videon suorituskyvyn kannalta.