# 180: Mobil Cihazda Video İle İlgili İşlemler - CSS Hileleri

Anonim

Adil uyarı: Bu konuda uzman değilim, sadece web'de videoyla oynuyorum ve blog yayınlarında video klipleri gösterirken karşılaştığım bazı sorunları ele alıyorum.

Bu videoda bir iOS simülatörüm var ve Kap ile kaydettiğim hızlı bir video için temel bir HTML belgesine bir HTML video etiketi koyuyorum.

Videoda dikkate alınması gereken pek çok şey var:

  1. Kontrolleri vermek! Gibi . Videoda, videonun bu yüzden mobil cihazlarda görünene kadar görünmediğini anlamamın bir dakika sürdüğünü not edin.
  2. Videonun satır içi olarak oynatılması, oynattığınız saniye mobil cihazda tam ekrana geçmesini engeller.
  3. Akıcı ve en boy oranıyla boyutlandırılıyor.
  4. Nerede barındırılacağı. Web sunucunuz iyi mi? CDN'de olmalı mı? Bunun gibi konularda uzmanlaşmış bir medya sunucusu kullanmalı mısınız? Videoda, uygun olan Droplr'a, ardından da kullanışlı olan CodePen Asset Hosting'e ve nihayetinde Cloudinary'de optimizasyon ve format işleme gibi süslü şeyler yapabildiği için kullanıyorum.
  5. Videonun lanet olası bir video gibi görünmesini sağlamak. Mobil cihazlar kullanıyorsanız günü , anlama geldiğini bir afiş: . Aksi takdirde, boş beyaz bir hiç elde edersiniz. Bazen, bu tek başına bir tür yardımcı kullanmaya değer.

Tabii ki, YouTube'da veya her neyse, sadece videoyu kaldırabilir ve hiçbir şey karşılığında iyi bir video işleme alabilirsiniz. Ancak YouTube, burada ele aldığım gibi küçük küçük tanıtım videoları için her zaman doğru değildir. Artı, ağırdırlar, bu yüzden onları yüklerken tembel bakıyor olabilirsiniz.

Son olarak studio.cloudinary.com'a bakıyoruz. Özelleştirilmiş bir oynatıcı sunmak ve uyarlanabilir bit hızı akışı yapmak gibi bazı düzgün şeyler yapabilir, bu süslü ve gerçekten mümkün olan en iyi video performansı için önemli bir şey gibi görünüyor.