close

JW प्लेयर का उपयोग कैसे करें: वीडियो एम्बेड और कॉन्फ़िगर करें

जेडब्ल्यू प्लेयर क्या है?

JW प्लेयर आपकी वेबसाइट पर वीडियो चलाने के लिए एक शक्तिशाली और लचीला टूल है। यह गाइड इसके इस्तेमाल के बारे में विस्तृत जानकारी देगा, जिसमें CDN का इस्तेमाल करके या इसे डाउनलोड करके लाइब्रेरी कैसे प्राप्त करें, यह भी शामिल है।

JW प्लेयर लाइब्रेरी कैसे प्राप्त करें

JW प्लेयर लाइब्रेरी प्राप्त करने के लिए आपके पास दो विकल्प हैं: CDN का उपयोग करना या स्थानीय होस्टिंग के लिए इसे डाउनलोड करना।

1. CDN का उपयोग करना(अनुशंसित)

CDN(कंटेंट डिलीवरी नेटवर्क) का इस्तेमाल JW प्लेयर को एकीकृत करने का सबसे आसान और तेज़ तरीका है। CDN फ़ाइलों को तेज़ी से लोड करने में मदद करता है क्योंकि वे दुनिया भर के कई सर्वरों पर होस्ट की जाती हैं।

<head>CDN का उपयोग करने के लिए, बस अपनी वेबसाइट के अनुभाग में कोड की निम्नलिखित पंक्ति जोड़ें । नोट: <YOUR_LICENSE_KEY> आपको इसे अपनी वास्तविक लाइसेंस कुंजी से बदलना होगा ।

<script src="https://cdn.jwplayer.com/libraries/<YOUR_LICENSE_KEY>.js"></script>

2. स्थानीय रूप से डाउनलोड और होस्टिंग

यदि आप फ़ाइलों पर पूर्ण नियंत्रण चाहते हैं और नेटवर्क कनेक्शन पर निर्भर नहीं रहना चाहते हैं, तो आप JW प्लेयर डाउनलोड कर सकते हैं और इसे अपने सर्वर पर होस्ट कर सकते हैं।

  1. आधिकारिक JW प्लेयर वेबसाइट पर जाएं।

  2. अपने खाते में साइन अप करें या लॉग इन करें(निःशुल्क परीक्षण उपलब्ध है)।

  3. अपने खाते के डैशबोर्ड से लाइब्रेरी ढूंढें और डाउनलोड करें।

  4. फ़ाइल को अनज़िप करें और फ़ोल्डर को अपने सर्वर पर अपलोड करें।

JW प्लेयर का उपयोग करने के लिए विस्तृत मार्गदर्शिका

एक बार जब आपके पास लाइब्रेरी हो जाए, तो आप अपनी वेबसाइट में JW प्लेयर को एम्बेड करना शुरू कर सकते हैं।

1. एक HTML फ़ाइल बनाएँ और JW प्लेयर एम्बेड करें

यहाँ एक पूरा HTML उदाहरण दिया गया है। अगर आप CDN इस्तेमाल कर रहे हैं, तो इस <script src="...">लाइन को ऊपर बताए गए CDN कोड से बदलें। अगर आप डाउनलोड की गई लाइब्रेरी इस्तेमाल कर रहे हैं, तो सुनिश्चित करें कि फ़ाइल का पथ jwplayer.jsसही है।

<!DOCTYPE html>  
<html>  
<head>  
    <title>JW Player Example</title>  
    <script src="js/jwplayer.js"></script>  
</head>  
<body>  
  
    <h1>How to Use JW Player</h1>  
  
    <div id="video-container"></div>  
  
    <script>  
        // Initialize and configure JW Player  
        jwplayer("video-container").setup({  
            // The path to your video file  
            "file": "videos/my-video.mp4",  
              
            // The path to your video's thumbnail image  
            "image": "images/my-video-thumbnail.jpg",  
              
            // The dimensions of the player  
            "width": "640",  
            "height": "360",  
              
            // Autoplay the video when the page loads  
            "autostart": false,  
              
            // Show the player controls  
            "controls": true  
        });  
    </script>  
  
</body>  
</html>

2. संहिता का विस्तृत विवरण

  • <script src="...">: यह लाइन JW प्लेयर लाइब्रेरी को आपकी वेबसाइट से जोड़ती है।

  • <div id="video-container"></div>: यहीं पर वीडियो प्रदर्शित होगा। आप इसे अपनी इच्छानुसार कोई भी नाम दे सकते हैं, लेकिन सुनिश्चित करें कि यह फ़ंक्शन idमें इस्तेमाल किए गए नाम से मेल खाता हो ।jwplayer()

  • jwplayer("video-container").setup({...}): यह वह स्थान है जहां आप JW प्लेयर को आरंभीकृत और कॉन्फ़िगर करते हैं।

    • "file": आपकी वीडियो फ़ाइल का पथ.

    • "image": वीडियो थंबनेल छवि का पथ.

    • "width"और "height": प्लेयर के आयाम निर्धारित करता है। आप इसे "100%"रेस्पॉन्सिव प्लेयर के लिए भी इस्तेमाल कर सकते हैं।

    • "autostart": trueयदि आप चाहते हैं कि वीडियो स्वचालित रूप से चले तो इसे पर सेट करें।

    • "controls": falseयदि आप प्लेयर नियंत्रणों को छिपाना चाहते हैं तो इसे पर सेट करें।

इस विस्तृत गाइड के साथ, आप आसानी से अपनी वेबसाइट पर वीडियो प्रदर्शित करने के लिए JW प्लेयर का उपयोग शुरू कर सकते हैं।