close

JW प्लेयर कसरी प्रयोग गर्ने: भिडियोहरू इम्बेड र कन्फिगर गर्नुहोस्

JW प्लेयर भनेको के हो?

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

JW प्लेयर लाइब्रेरी कसरी प्राप्त गर्ने

JW Player लाइब्रेरी प्राप्त गर्न तपाईंसँग दुई विकल्पहरू छन्: CDN प्रयोग गर्ने वा स्थानीय होस्टिङको लागि डाउनलोड गर्ने।

१. CDN प्रयोग गर्दै(सिफारिस गरिएको)

JW Player लाई एकीकृत गर्ने सबैभन्दा सरल र छिटो तरिका CDN(कन्टेन्ट डेलिभरी नेटवर्क) प्रयोग गर्नु हो। CDN ले फाइलहरूलाई छिटो लोड गर्न मद्दत गर्छ किनभने तिनीहरू विश्वभरका धेरै सर्भरहरूमा होस्ट गरिएका हुन्छन्।

<head>CDN प्रयोग गर्नको लागि, आफ्नो वेबसाइटको खण्डमा निम्न कोडको लाइन थप्नुहोस् । नोट: तपाईंले <YOUR_LICENSE_KEY>आफ्नो वास्तविक लाइसेन्स कुञ्जीले प्रतिस्थापन गर्न आवश्यक छ।

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

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

यदि तपाईं फाइलहरूमा पूर्ण नियन्त्रण चाहनुहुन्छ र नेटवर्क जडानमा भर पर्न चाहनुहुन्न भने, तपाईं JW Player डाउनलोड गर्न सक्नुहुन्छ र यसलाई आफ्नै सर्भरमा होस्ट गर्न सक्नुहुन्छ।

  1. JW Player को आधिकारिक वेबसाइटमा जानुहोस्।

  2. साइन अप गर्नुहोस् वा आफ्नो खातामा लग इन गर्नुहोस्(नि:शुल्क परीक्षण उपलब्ध छ)।

  3. आफ्नो खाताको ड्यासबोर्डबाट पुस्तकालय खोज्नुहोस् र डाउनलोड गर्नुहोस्।

  4. फाइल अनजिप गर्नुहोस् र फोल्डरलाई तपाईंको सर्भरमा अपलोड गर्नुहोस्।

JW प्लेयर प्रयोग गर्ने बारे विस्तृत गाइड

एकपटक तपाईंसँग पुस्तकालय भएपछि, तपाईं आफ्नो वेबसाइटमा JW Player इम्बेड गर्न सुरु गर्न सक्नुहुन्छ।

१. 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>

२. संहिताको विस्तृत व्याख्या

  • <script src="...">: यो लाइनले JW Player लाइब्रेरीलाई तपाईंको वेबसाइटसँग जोड्छ।

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

  • jwplayer("video-container").setup({...}): यो त्यहीं हो जहाँ तपाईंले JW प्लेयरलाई सुरुवात र कन्फिगर गर्नुहुन्छ।

    • "file": तपाईंको भिडियो फाइलको बाटो।

    • "image": भिडियो थम्बनेल छविको बाटो।

    • "width"र "height": प्लेयरको लागि आयामहरू सेट गर्दछ। तपाईं "100%"उत्तरदायी प्लेयरको लागि पनि प्रयोग गर्न सक्नुहुन्छ।

    • "autostart": trueयदि तपाईं भिडियो स्वचालित रूपमा प्ले गर्न चाहनुहुन्छ भने मा सेट गर्नुहोस्।

    • "controls": falseयदि तपाईं प्लेयर नियन्त्रणहरू लुकाउन चाहनुहुन्छ भने मा सेट गर्नुहोस्।

यस विस्तृत गाइडको साथ, तपाईं आफ्नो वेबसाइटमा भिडियोहरू प्रदर्शन गर्न JW प्लेयर प्रयोग गर्न सजिलै सुरु गर्न सक्नुहुन्छ।