# 180: Tinkering with Video on Mobile - CSS-triki

Anonim

Pošteno opozorilo: Nisem strokovnjak za te stvari, samo poigravam se z videoposnetki v spletu in se ukvarjam z nekaterimi težavami, ki jih imam pri razkazovanju video posnetkov v objavah v blogu.

V tem videu imam simulator iOS in v osnovni dokument HTML vstavim HTML video oznako za hiter video, ki sem ga posnel s Kapom.

Pri videu je treba upoštevati veliko stvari:

  1. Dajanje nadzora! Kot v ,. Opomba v videoposnetku mi je vzela minuto, da sem ugotovila, da se videoposnetek sploh ni prikazal na mobilnem telefonu, dokler se ni.
  2. Predvajanje videoposnetka v vrstici, všeč , kar preprečuje, da bi se v mobilnem omrežju takoj, ko ga predvajate, preklopi v celozaslonski način
  3. Prilagodite ga velikosti in z razmerjem stranic.
  4. Kje ga gosti. Je vaš spletni strežnik v redu? Bi moral biti na CDN? Bi morali uporabiti medijskega gostitelja, ki je specializiran za take stvari? V videoposnetku ga nataknem na Droplr, ki je priročen, nato na CodePen Asset Hosting, ki je prav tako priročen, in navsezadnje na Cloudinary, ker lahko naredi čudovite stvari, kot sta optimizacija in obdelava formatov.
  5. Poskrbite, da bo video videti prekleto. Na mobilnem, če jo uporabljate , to pomeni, da je plakat: . V nasprotnem primeru dobite prazno belo nič. Včasih je samo to vredno uporabiti kakšnega pomočnika.

Seveda lahko video posnetke preprosto shranite v YouTube ali kar koli drugega in dobite dobro obdelavo videa zastonj. YouTube pa ni vedno primeren za majhne majhne predstavitvene videoposnetke, kot sem jih obravnaval tukaj. Poleg tega so težke, zato morda gledate na lenobno nalaganje.

Na koncu pogledamo na studio.cloudinary.com. Naredi lahko nekaj čudovitih stvari, na primer ponudi prilagojeni predvajalnik in prilagodi pretakanje bitne hitrosti, kar je izjemno modno in se res zdi pomembna stvar za najboljšo možno video zmogljivost.