BigVideo.js: पूर्ण-स्क्रीन पृष्ठभूमि वीडियो

JQuery के लिए BigVideo.js प्लगइन HTML5 फुलस्क्रीन एपीआई के माध्यम से पृष्ठ पर पृष्ठभूमि छवि के रूप में एक वीडियो जोड़ता है। वीडियो स्वचालित रूप से किसी भी स्क्रीन के आकार तक फैला हुआ है। काम करने के लिए, आपको सबसे पहले jQuery, jQuery UI और jQuery के चित्र लोड किए गए लाइब्रेरी डाउनलोड करने होंगे । चल रहा है:

$(function() { var BV = new $.BigVideo(); BV.init(); BV.show('http://video-js.zencoder.com/oceans-clip.mp4'); }); 

आपके वीडियो की मेजबानी के रूप में Vimeo प्रो का उपयोग करना सुविधाजनक है, यह mp4 फ़ाइल का सीधा लिंक देता है और 10 एमबीपीएस से अधिक की गति से सामग्री अपलोड करता है।

आप एक अंतहीन लूप में कई वीडियो की सूची चला सकते हैं, जैसे कि इस उदाहरण में । बेशक, आपको एक बटन जोड़ने की आवश्यकता है ताकि उपयोगकर्ता वीडियो प्लेबैक को बंद कर सके।

 $(function() { var BV = new $.BigVideo(); BV.init(); BV.show(['vid1.mp4','vid2.mp4','vid3.mp4'],{ambient:true}); }); 

चूंकि मोबाइल उपकरणों पर स्वचालित वीडियो प्लेबैक प्रतिबंधित है, इसलिए इस कोड का उपयोग करके आप उन्हें पहचान सकते हैं और पृष्ठभूमि वीडियो को स्थैतिक पृष्ठभूमि छवि के साथ बदल सकते हैं:

 var BV = new $.BigVideo(); BV.init(); if (Modernizr.touch) { BV.show('video-poster.jpg'); } else { BV.show('video.mp4',{ambient:true}); } 

मेनू में एक विकल्प के साथ प्लेलिस्ट के लिए समर्थन है जो वीडियो शुरू करने के लिए है।

पृष्ठभूमि के लिए उपयुक्त मुफ्त वीडियो के संग्रह ।