# 180: Bermain dengan Video di Mudah Alih - Trik CSS

Anonim

Amaran yang adil: Saya tidak pakar dalam hal ini, saya hanya bermain-main dengan video di web dan menangani beberapa masalah yang saya hadapi ketika memaparkan klip video dalam catatan blog.

Saya mempunyai simulator iOS dalam video ini, dan saya meletakkan tag video HTML dalam dokumen HTML asas untuk video cepat yang saya rakam dengan Kap.

Terdapat banyak perkara yang perlu dipertimbangkan dengan video:

  1. Memberi kawalan! Seperti dalam, . Perhatikan dalam video saya mengambil masa sebentar untuk menyedari sebab itulah video tersebut tidak muncul sama sekali di telefon bimbit sehingga berjaya.
  2. Memainkan video sebaris, seperti , yang menghalangnya dari skrin penuh di telefon bimbit pada saat anda memainkannya.
  3. Saiznya lancar dan dengan nisbah aspek.
  4. Di mana menjadi tuan rumahnya. Adakah pelayan web anda baik? Sekiranya ada dalam CDN? Sekiranya anda menggunakan hos media yang pakar dalam perkara seperti ini? Dalam video tersebut, saya memasangkannya di Droplr yang mudah, kemudian pada CodePen Asset Hosting yang juga berguna, dan akhirnya di Cloudinary kerana dapat melakukan perkara-perkara mewah seperti pengoptimuman dan pengendalian format.
  5. Memastikan video kelihatan seperti video sialan. Di telefon bimbit, jika anda menggunakan , yang cara poster yang: . Jika tidak, anda tidak mendapat apa-apa kosong. Kadang-kadang, itu sahaja yang bernilai menggunakan beberapa jenis pembantu.

Sudah tentu, anda boleh membuang video di YouTube atau apa sahaja dan mendapatkan pengendalian video yang baik. Tetapi YouTube tidak selalu sesuai untuk video demonstrasi kecil seperti saya berurusan di sini. Tambahan, berat, jadi anda mungkin melihat malas memuatnya.

Pada akhirnya, kami melihat studio.cloudinary.com. Ia boleh melakukan beberapa perkara yang kemas, seperti menawarkan pemain yang disesuaikan dan melakukan streaming bitrate adaptif, yang sangat mewah dan kelihatan seperti perkara penting untuk prestasi video terbaik.