Video - Bantuan Webflow
Elemen video memungkinkan Anda menyematkan video, yang dihosting di situs pihak ketiga seperti YouTube atau Vimeo, di mana saja di situs Anda.
Cara menambahkan video
Ada dua cara untuk menambahkan elemen video ke situs Anda:
- Buka Panel Tambah dan seret serta letakkan elemen video ke kanvas Webflow Anda
- Tekan Command + E (di Mac) atau Control + E (di Windows) untuk membuka Temukan Cepat dan cari elemen video
Cara mengatur pengaturan video
Setelah Anda meletakkan elemen video ke kanvas Anda, Anda akan memiliki akses ke Pengaturan Video di mana Anda dapat menambahkan URL dan judul. Untuk mengakses Pengaturan Video dengan cepat:
- Klik dua kali elemen video
- Pilih elemen video dan pergi ke Panel Pengaturan Elemen (D)
Tempelkan URL video Anda, tambahkan judul jika Anda mau, dan tekan Enter / Return. Gambar mini untuk video Anda akan muncul di elemen video.
Sumber video yang didukung
- YouTube (jika Anda ingin lebih banyak kontrol atas video YouTube Anda, coba gunakan elemen video YouTube)
- Vimeo
- DailyMotion
- KickStarter (yang perlu Anda lakukan hanyalah menempelkan URL kampanye utama dan Webflow akan mengambil video kampanye utama)
- TED (dukungan multibahasa)
- Wistia
- Ustream
- Livestream
- Twitch
- Tudou
- Hulu
- SproutVideo
- Vidzflow
Cara mengatur dimensi video
Elemen video mengikuti dimensi dari kontainer induknya (misalnya, jika Anda meletakkannya dalam blok div, video akan memenuhi lebar penuh dari blok div tersebut). Jika Anda ingin mengatur lebar dan tinggi khusus untuk video Anda, Anda dapat membuat blok div khusus. Untuk melakukannya, seret blok div dari Panel Tambah dan berikan nilai lebar dan nilai tinggi pada blok div tersebut. Sekarang, jika Anda menyeret video Anda ke dalam blok div khusus ini, video akan menyesuaikan dengan ukuran tersebut.
Cara lain untuk menambahkan video ke situs Anda
Anda juga dapat menambahkan video ke situs Anda dengan menggunakan elemen lain, termasuk:
- Video YouTube
- Video latar belakang
- Lightbox
- Teks kaya
- Kode embed khusus
Elemen video YouTube
Elemen video YouTube memungkinkan Anda menyematkan video dari URL YouTube. Elemen ini memberikan semua opsi tampilan yang ditawarkan oleh fitur embed YouTube, termasuk kemampuan untuk menampilkan video terkait dari saluran, mengatur waktu mulai tertentu, menampilkan atau menyembunyikan kontrol video, dan lainnya. Pelajari lebih lanjut tentang elemen video YouTube.
Elemen video latar belakang
Elemen video latar belakang memungkinkan Anda menambahkan latar belakang bergerak tanpa audio. Berbeda dengan elemen video yang hanya mendukung tautan YouTube dan Vimeo, elemen video latar belakang dapat menerima file video apa pun yang Anda unggah. Elemen video latar belakang juga dilengkapi dengan tombol putar/jeda bawaan sehingga pengunjung situs dapat memutar atau menjeda video latar belakang sesuai keinginan mereka. Pelajari lebih lanjut tentang elemen video latar belakang.
Elemen Lightbox
The lightbox elemen memungkinkan pengunjung situs membuka video dalam modal popup. Mirip dengan elemen video, lightbox mendukung tautan YouTube dan Vimeo. Pelajari lebih lanjut tentang elemen lightbox.
Elemen teks kaya dan bidang teks kaya
Elemen teks kaya memungkinkan Anda menambahkan video juga. Ini bahkan lebih kuat ketika Anda menggunakannya untuk menarik data dari bidang teks kaya dalam Koleksi CMS. Sebagai alternatif, Anda juga dapat menggunakan elemen video untuk menarik data secara dinamis dari bidang video Koleksi. Pelajari lebih lanjut tentang bidang video Koleksi.
Cara menyematkan video menggunakan kode kustom
Anda juga dapat menambahkan video HTML menggunakan elemen sematan:
- Pergi ke Panel Tambah
- Seret elemen sematan ke kanvas
- Tempelkan kode video Anda (Pelajari lebih lanjut tentang elemen video dalam HTML)
- Klik Simpan & tutup