Web Site Arkaplanında Video Oynatma İşlemi Nasıldır?

Web Site Arkaplanında Video Oynatma İşlemi Nasıldır? Merhaba arkadaşlar, Web tasarım kategorisi ile fazla ilgilenmediğimi düşündüm, daha doğrusu blogumla gene fazla ilgilenmemeye başladım. Bunun sebebi de çok bir meslek temposu olmakla yanında zaman ayıramamak. Bugün biraz makale paylaşmaya fırsat bulmuşken değerlendirmek istedim. Konumuz ise yaptığınız web sitelerinin arkaplanlarında videonun nasıl oynatıldığı. Bazı sitelerde web sayfaların art planında ekranı kaplayan videolar olmaktadır ve bunun üstünde ise site inşaa edilmektedir.     Yani art planda video oynatılırken sitenin öbür materyalleri ( butonlar, resimler, yazılar vs.) bu videonun üstünde bulunmaktadır.  (Bigvideo.js ile çalışan arkaplan video işlemi)   sorun İncelenmesi   Aşağıdaki kodlar <head> ile </head> Arasında olmalıdır.   1 <link rel=”stylesheet” href=”css/style.css”> 2 <link rel=”stylesheet” href=”css/bigvideo.css”> üç <script src=”js/modernizr-2.5.3.min.js”> <body> ve </body> arasında yer vereceğiniz şeyler tamamıyla videonun üstünde olacağından dilediğiniz benzeri sitenizi yapabilirsiniz. Kısacası burada video ile ilgili hiç bir şey yoktur. Sadece sitenizi divlerle yada tablolarla oluşturdurktan sonra onların en altına aşağıdaki kodları yerleştirmeniz gerekmektedir.   <!– BigVideo ile çalışan scriptler –> 2 <script src=”//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js”> </script> üç <script>window.jQuery || document.write(“<script src=”js/jquery-1.7.2.min.js”> </script>”)</script> 4 <script src=”js/jquery-ui-1.8.22.custom.min.js”></script> 5 <script src=”js/jquery.imagesloaded.min.js”></script> altı <script src=”https://vjs.zencdn.net/c/video.js”></script> <!– BigVideo scripti –> 7 <script src=”js/bigvideo.js”></script> <!– Video nitelikleri –> 8 <script> 9 $(function() { on mevcut BV = new $.BigVideo(); 11 BV.init(); 12 if (Modernizr.touch) { 13 BV.show(“img/background-dock.jpg”); 14 } else { 15 BV.show(“video/dock.mp4”,{ambient:true}); 16 } 17 }); 18 </script> Yukarıdaki al yazıyla yazılmış kısımdaki yer video klasörünün içindeki videonun adıdır. Kendi videonuzu Bu kısma uzantısıyla beraberinde koymanız gerekmektedir. Sonrasında web sitenizin art planında video klasörünün içerisinde olan video art planda oynatılacaktır. Bu çalışmayla yanında bundan sonra web sitenizin arkasında videolarınızı dilediğiniz bu gibi oynatabileceksiniz.   Alıntıdır…


Yapılan Yorumlar
Erdem OFLAZ

Bir mum, diğer mumu tutuşturmakla ışığından bir şey kaybetmez.
 Kategoriler
 Popüler yazılar