# 180: Tinkering ar video mobilajā ierīcē CSS-triki

Anonim

Pareizs brīdinājums: es neesmu eksperts šajā lietā, es vienkārši spēlējos ar video tīmeklī un pievēršos dažām problēmām, kas man rodas, demonstrējot videoklipus emuāra ziņās.

Šajā video man ir iOS simulators, un es ievietoju HTML video tagu HTML HTML dokumentā ātram videoklipam, kuru ierakstīju kopā ar Kap.

Video ir jāņem vērā daudzas lietas:

  1. Piešķirot tai kontroli! Tāpat kā . Piezīme videoklipā man prasīja minūti, līdz sapratu, ka tāpēc videoklips mobilajā ierīcē vispār netika parādīts, līdz tas parādījās.
  2. Videoklipa atskaņošana vienā rindā, piemēram, līdz ar to , kad tas tiek atskaņots pilnekrāna režīmā mobilajā tālrunī, kad to atskaņojat.
  3. Lieliski izmērot to ar malu attiecību.
  4. Kur to uzņemt. Vai jūsu tīmekļa serveris ir kārtībā? Vai tam jābūt CDN? Vai jums vajadzētu izmantot multivides resursdatoru, kas specializējas šādās lietās? Videoklipā es to aplieku uz Droplr, kas ir ērti, pēc tam uz CodePen Asset Hosting, kas ir arī ērts, un galu galā uz Cloudinary, jo tas var paveikt iedomātas lietas, piemēram, optimizāciju un formātu apstrādi.
  5. Pārliecinoties, vai video izskatās pēc sasodīta videoklipa. Par mobilo, ja jūs izmantojat , tas nozīmē, ka plakāta: . Pretējā gadījumā jūs saņemat tukšu baltu neko. Dažreiz tikai tāpēc ir vērts izmantot kādu palīgu.

Protams, jūs varat vienkārši nospiest video vietnē YouTube vai citur un iegūt labu video apstrādi par neko. Bet YouTube ne vienmēr ir piemērots maziem maziem demonstrācijas videoklipiem, piemēram, ar kuriem es šeit nodarbojos. Turklāt tie ir smagi, tāpēc jūs, iespējams, skatāties uz slinku to ielādi.

Galu galā mēs skatāmies vietnē studio.cloudinary.com. Tas var paveikt dažas kārtīgas lietas, piemēram, piedāvāt pielāgotu atskaņotāju un veikt adaptīvu bitrate straumēšanu, kas ir iedomātā un šķiet patiešām svarīga, lai iegūtu vislabāko iespējamo video veiktspēju.