# 180: Mengotak-atik Video di Seluler - Trik CSS

Anonim

Peringatan yang adil: Saya bukan ahli dalam hal ini, saya hanya bermain-main dengan video di web dan menangani beberapa masalah yang saya miliki saat memamerkan klip video di posting blog.

Saya memiliki simulator iOS di video ini, dan saya meletakkan tag video HTML di dokumen HTML dasar untuk video cepat yang saya rekam dengan Kap.

Ada banyak hal yang perlu dipertimbangkan dengan video:

  1. Memberikannya kendali! Seperti dalam ,. Catatan dalam video itu butuh waktu satu menit untuk saya menyadari itulah mengapa video tidak muncul sama sekali di ponsel sampai muncul.
  2. Memutar video secara inline, seperti , yang membuatnya tidak menjadi layar penuh di ponsel begitu Anda memutarnya.
  3. Mengubah ukurannya dengan lancar dan dengan rasio aspek.
  4. Tempat menyimpannya. Apakah server web Anda baik-baik saja? Haruskah di CDN? Haruskah Anda menggunakan host media yang berspesialisasi dalam hal-hal seperti ini? Dalam video tersebut, saya memasukkannya ke Droplr yang nyaman, lalu di Hosting Aset CodePen yang juga berguna, dan akhirnya di Cloudinary karena dapat melakukan hal-hal mewah seperti pengoptimalan dan penanganan format.
  5. Memastikan video tersebut terlihat seperti video sialan. Pada ponsel, jika Anda menggunakan , itu berarti poster: . Jika tidak, Anda tidak mendapatkan warna putih kosong. Terkadang, itu saja layak menggunakan semacam penolong.

Tentu saja, Anda dapat membuang video di YouTube atau apa pun dan mendapatkan penanganan video yang baik secara gratis. Tetapi YouTube tidak selalu tepat untuk video demonstrasi kecil seperti yang saya hadapi di sini. Plus, mereka berat, jadi Anda mungkin melihat mereka lambat memuatnya.

Akhirnya, kami melihat studio.cloudinary.com. Itu dapat melakukan beberapa hal rapi, seperti menawarkan pemutar yang disesuaikan dan melakukan streaming bitrate adaptif, yang mewah dan benar-benar tampak seperti hal yang penting untuk kinerja video terbaik.