# 180: Tinking with Video on Mobile - CSS-trikovi

Anonim

Pošteno upozorenje: Nisam stručnjak za ove stvari, samo se poigravam s video zapisima na webu i bavim se nekim problemima koji se pojavljuju pri pokazivanju videoisječaka u postovima na blogu.

U ovom videu imam iOS simulator i stavljam HTML video oznaku u osnovni HTML dokument za brzi video koji sam snimio s Kapom.

Puno je stvari koje trebate uzeti u obzir kod videozapisa:

  1. Davanje kontrole! Kao u ,. Napomena u videozapisu trebala mi je minuta da shvatim da se zato video uopće nije pojavio na mobitelu dok se nije.
  2. Reprodukcija videozapisa u liniji, poput , što ga sprječava da prijeđe u prikaz preko cijelog zaslona na mobilnom uređaju čim ga reproducirate.
  3. Veličina je fluidna i s omjerom.
  4. Gdje ga ugostiti. Je li vaš web poslužitelj u redu? Treba li biti na CDN-u? Trebate li koristiti medijskog domaćina koji je specijaliziran za ovakve stvari? U videu ga stavljam na Droplr koji je prikladan, zatim na CodePen Asset Hosting koji je također zgodan, a u konačnici i na Cloudinary, jer može raditi fensi stvari poput optimizacije i rukovanja formatima.
  5. Pazeći da video izgleda kao prokleti video. Na mobitel, ako koristite , to znači da plakat: . Inače ćete dobiti prazno bijelo ništa. Ponekad samo to vrijedi koristiti neku vrstu pomagača.

Naravno, možete samo prebaciti video na YouTube ili bilo što drugo i dobiti dobro rukovanje videozapisima ni za što. Ali YouTube nije uvijek u redu za male male demonstracijske videozapise s kojima sam ovdje imao posla. Osim toga, teški su, pa možda gledate u lijeno učitavanje.

U konačnici, gledamo na studio.cloudinary.com. Može učiniti neke uredne stvari, poput ponuditi prilagođeni uređaj za reprodukciju i prilagodljivo brzi prijenos podataka, što je neobično i stvarno se čini važnom za najbolje moguće video performanse.