close

JW प्लेअर कसे वापरावे: व्हिडिओ एम्बेड आणि कॉन्फिगर करा

JW प्लेअर म्हणजे काय?

तुमच्या वेबसाइटवर व्हिडिओ प्ले करण्यासाठी JW Player हे एक शक्तिशाली आणि लवचिक साधन आहे. हे मार्गदर्शक ते कसे वापरायचे याबद्दल तपशीलवार मार्गदर्शन करेल, ज्यामध्ये CDN वापरून किंवा ते डाउनलोड करून लायब्ररी कशी मिळवायची याचा समावेश आहे.

JW प्लेअर लायब्ररी कशी मिळवायची

JW Player लायब्ररी मिळविण्यासाठी तुमच्याकडे दोन पर्याय आहेत: 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 Player एम्बेड करा.

येथे एक संपूर्ण 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 Player सुरू आणि कॉन्फिगर करता.

    • "file": तुमच्या व्हिडिओ फाइलचा मार्ग.

    • "image": व्हिडिओ थंबनेल प्रतिमेचा मार्ग.

    • "width"आणि "height": प्लेअरसाठी परिमाणे सेट करते. तुम्ही "100%"रिस्पॉन्सिव्ह प्लेअरसाठी देखील वापरू शकता.

    • "autostart" true: जर तुम्हाला व्हिडिओ आपोआप प्ले करायचा असेल तर वर सेट करा .

    • "controls": falseजर तुम्हाला प्लेअर नियंत्रणे लपवायची असतील तर वर सेट करा.

या सविस्तर मार्गदर्शकासह, तुम्ही तुमच्या वेबसाइटवर व्हिडिओ प्रदर्शित करण्यासाठी JW Player वापरणे सहजपणे सुरू करू शकता.