Video - Webflow yardımı
Video öğesi, YouTube veya Vimeo gibi üçüncü taraf bir sitede barındırılan bir videoyu sitenizin herhangi bir yerine yerleştirmenizi sağlar.
Bir video nasıl eklenir
Sitenize bir video öğesi eklemenin iki yolu vardır:
- Ekle panelini açın ve bir video öğesini Webflow tuvalinize sürükleyip bırakın
- Komut + E (Mac'te) veya Kontrol + E (Windows'ta) tuşlarına basarak Hızlı bulu açın ve video öğesini arayın
Video ayarları nasıl biçimlendirilir
Bir video öğesini tuvalinize yerleştirdikten sonra, bir URL ve başlık ekleyebileceğiniz Video ayarlarına erişebilirsiniz. Video ayarlarına hızlıca erişmek için:
- Video öğesine çift tıklayın
- Video öğesini seçin ve Öğe ayarları paneline (D) gidin
Video URL'nizi yapıştırın, isterseniz bir başlık ekleyin ve Enter / Return tuşuna basın. Videonuzun küçük resmi video öğesinde görünecektir.
Desteklenen video kaynakları
- YouTube (YouTube videonuz üzerinde daha fazla kontrol istiyorsanız, bir YouTube video öğesi kullanmayı deneyin)
- Vimeo
- DailyMotion
- KickStarter (tek yapmanız gereken ana kampanya URL'sini yapıştırmak ve Webflow ana kampanya videosunu alacaktır)
- TED (çok dilli destek)
- Wistia
- Ustream
- Livestream
- Twitch
- Tudou
- Hulu
- SproutVideo
- Vidzflow
Video Boyutlarını Ayarlama
Video öğesi, ebeveyn konteynerinin boyutlarına uyar (örneğin, bir div bloğuna bırakırsanız, o div bloğunun tam genişliğini kaplar). Videonuza özel bir genişlik ve yükseklik ayarlamak istiyorsanız, özel bir div bloğu oluşturabilirsiniz. Bunu yapmak için, Ekle panelinden bir div bloğu sürükleyin ve div bloğuna bir genişlik ve bir yükseklik değeri verin. Şimdi, videonuzu bu özel div bloğuna sürüklerseniz, o boyuta uyacaktır.
Sitenize Video Eklemek İçin Diğer Yollar
Sitenize video eklemek için diğer öğeleri de kullanabilirsiniz, bunlar arasında:
- YouTube video
- Arka plan videosu
- Lightbox
- Zengin metin
- Özel kod gömme
YouTube Video Öğesi
YouTube video öğesi, bir YouTube URL'sinden video gömmenizi sağlar. Bu öğe, YouTube'un gömme özelliği tarafından sunulan tüm görüntüleme seçeneklerini sunar, bunlar arasında bir kanaldan ilgili videoları gösterme, belirli bir başlangıç zamanı ayarlama, video kontrollerini gösterme veya gizleme ve daha fazlası bulunur. YouTube video öğesi hakkında daha fazla bilgi edinin. Arka Plan Video Öğesi
Arka plan video öğesi, ses olmadan hareketli arka planlar eklemenizi sağlar. Yalnızca YouTube ve Vimeo bağlantılarını destekleyen video öğesinin aksine, arka plan video öğesi yüklediğiniz herhangi bir video dosyasını kabul edebilir. Arka plan video öğeleri ayrıca yerleşik bir oynat/duraklat düğmesi ile birlikte gelir, böylece site ziyaretçileri arka plan videosunu istedikleri gibi oynatabilir veya duraklatabilir. Arka plan video öğesi hakkında daha fazla bilgi edinin. Lightbox Öğesi
The lightbox öğesi, site ziyaretçilerinin bir videoyu açılır bir modalde açmasına olanak tanır. Video öğesine benzer şekilde, lightbox YouTube ve Vimeo bağlantılarını destekler. Lightbox öğesi hakkında daha fazla bilgi edinin.
Zengin metin öğesi ve zengin metin alanı
Zengin metin öğesi, video eklemenize de olanak tanır. Bu, bir zengin metin alanından bir CMS Koleksiyonundan veri çekmek için kullandığınızda daha da güçlüdür. Alternatif olarak, bir Koleksiyonun video alanından verileri dinamik olarak çekmek için bir video öğesi de kullanabilirsiniz. Koleksiyon video alanları hakkında daha fazla bilgi edinin.
Özel kod kullanarak videolar nasıl gömülür
Ayrıca, gömme öğesi kullanarak HTML videoları ekleyebilirsiniz:
- Ekle paneline gidin
- Bir gömme öğesini tuvale sürükleyin
- Video kodunuzu yapıştırın (HTML'de video öğeleri hakkında daha fazla bilgi edinin)
- Kaydet & kapat tıklayın