Form sayfasının içerisine video yerleştirmek için kullanılan form aracıdır. Bu form aracı ile istenilen platformdan istenilen video form alanı içerisinde gösterilir.
|
Araç Kutusundaki Görünümü |
Free Formda Görünümü |
Responsive Formda Görünümü |
|
|
Uyumluluk
| Free Form | Responsive Form | Mobile |
Video aracının özellikleri |
|
Type: Eklenilen form aracının alan türünü gösterir. Burada yer alan değer değiştirilemez. Name: Veri tabanında oluşacak olan alanın ismi yazılır. Video Path: Videonun linki yazılmalıdır. Buraya eklenecek olan linkin embed kodunu kopyalamanız gerekmektedir. Aksi takdirde video içeriği alanda görünmeyecektir. Help Text: Form aracı üzerine Fare ile gelindiğinde açıklama çıkması için girilen metindir. Height:Form aracının yüksekliğini ve genişliğini düzenler(Genişlik alanı Responsive Formlardan kaldırılmıştır). Iframe: Gömülü kodların video içerisine eklenmesi için bu özellik mutlaka aktif edilmelidir. Bu özellik No olduğu takdirde video aracının içerisinde video görüntülenmeyecektir. Pin Right: Form aracını sağa sabitler. Display: Form aracının Client ekranında görünmemesini sağlar. |
Video aracını tasarımlarınızda kullanmak için birkaç yöntem bulunmaktadır. Bu kullanımlar şu şekildedir;
Kullanım Örneği 1
Bu örneğimizde yapmak istediğimiz Youtube'da var olan bir videoyu Xpoda projemizde göstermektir. Bunun için öncelikle formumuza video aracımızı ekleyelim. Ardından istediğimiz videonun Youtube konumuna gidelim.
Videonun altında bulunan Paylaş butonuna tıklayalım.
Ardından açılan paylaş ekranında bulunan Yerleştir butonuna tıklayalım.
Butona tıklandıktan sonra src alanındaki altı kırmızı işaretlenmiş olan embed kod kopyalayalım.
Kopyalanan link Video Path alanına eklenir. Display ve Iframe seçenekleri "Yes" olarak ayarlanır.
| Youtube videolarının Video aracında görünmesi için Iframe özelliğinin aktif olması gerekmektedir. |
Client ekranında görünümü aşağıdaki gibi olacaktır.
Kullanım Örneği 2
Bu kullanımda youtube harici kendi bilgisayaramızda olan bir videoyu video aracımıza nasıl ekleyeceğimizi göreceğiz. Bunun için videomuzu bilgisayaramızdaki Yerel Disk (C:) klasöründe bulunan inetpub/ wwwroot / Xpoda Client klasöründe istenilen dosya yoluna koyabilirsiniz. Ardından Video aracımıza dönelim ve Path kısmına aşağıdaki kalıba uyacak şekilde linkimizi yazalım.
| https://Client Url/Uploads/Videonun inetpub klasöründeki konumu |
Biz örneğimizde https://xpodanew.xpodacloud.com/Uploads/xpodanew.xpodacloud/videotest/test1.mp4 adresini kullandık. Örneğimizdeki video videotest klasöründeki test1.mp4 videosudur. Ardından formumuzu kaydedip çalıştırdığımızda son görünüm aşağıdaki gibi olacaktır.
Kullanım Örneği 3
Bu örnekte ise Update aksiyonu ile video aracını tetiklemek olacaktır. Bunun için buton aracı ekleyelim ve aşağıdaki görselde olacak şekilde update value aksiyonu ekleyelim.
Video Aracına Local Adresten Video Eklemek
|
Eğer butona ekleyeceğimiz bu aksiyonda youtube linki update etmek istiyorsak SQL Query alanına SELECT 'https://www.youtube.com/embed/H0hKMOjCJyc?si=A8qTkRISHNakwNoY' şeklinde embed kodunu yazmalıyız. |
| Update Value aksiyonu ile yapılacak her işlemde video aracımızın Iframe özelliğinin aktif olduğundan emin olmalısınız. |