close

JW ਪਲੇਅਰ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ: ਵੀਡੀਓਜ਼ ਨੂੰ ਏਮਬੈਡ ਅਤੇ ਕੌਂਫਿਗਰ ਕਰੋ

JW ਪਲੇਅਰ ਕੀ ਹੈ?

JW ਪਲੇਅਰ ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ 'ਤੇ ਵੀਡੀਓ ਚਲਾਉਣ ਲਈ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਅਤੇ ਲਚਕਦਾਰ ਟੂਲ ਹੈ। ਇਹ ਗਾਈਡ ਇਸਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰਨੀ ਹੈ, ਇਸ ਬਾਰੇ ਇੱਕ ਵਿਸਤ੍ਰਿਤ ਵਾਕਥਰੂ ਪ੍ਰਦਾਨ ਕਰੇਗੀ, ਜਿਸ ਵਿੱਚ CDN ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਜਾਂ ਇਸਨੂੰ ਡਾਊਨਲੋਡ ਕਰਕੇ ਲਾਇਬ੍ਰੇਰੀ ਕਿਵੇਂ ਪ੍ਰਾਪਤ ਕਰਨੀ ਹੈ, ਸ਼ਾਮਲ ਹੈ।

JW ਪਲੇਅਰ ਲਾਇਬ੍ਰੇਰੀ ਕਿਵੇਂ ਪ੍ਰਾਪਤ ਕਰੀਏ

ਤੁਹਾਡੇ ਕੋਲ JW Player ਲਾਇਬ੍ਰੇਰੀ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਦੋ ਵਿਕਲਪ ਹਨ: CDN ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਜਾਂ ਸਥਾਨਕ ਹੋਸਟਿੰਗ ਲਈ ਇਸਨੂੰ ਡਾਊਨਲੋਡ ਕਰਨਾ।

1. CDN ਦੀ ਵਰਤੋਂ(ਸਿਫ਼ਾਰਸ਼ੀ)

JW ਪਲੇਅਰ ਨੂੰ ਏਕੀਕ੍ਰਿਤ ਕਰਨ ਲਈ CDN(ਕੰਟੈਂਟ ਡਿਲੀਵਰੀ ਨੈੱਟਵਰਕ) ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਸਭ ਤੋਂ ਸਰਲ ਅਤੇ ਤੇਜ਼ ਤਰੀਕਾ ਹੈ। ਇੱਕ CDN ਫਾਈਲਾਂ ਨੂੰ ਤੇਜ਼ੀ ਨਾਲ ਲੋਡ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ ਕਿਉਂਕਿ ਉਹ ਦੁਨੀਆ ਭਰ ਦੇ ਕਈ ਸਰਵਰਾਂ 'ਤੇ ਹੋਸਟ ਕੀਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ।

CDN ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ, <head>ਆਪਣੀ ਵੈੱਬਸਾਈਟ ਦੇ ਭਾਗ ਵਿੱਚ ਕੋਡ ਦੀ ਹੇਠ ਲਿਖੀ ਲਾਈਨ ਸ਼ਾਮਲ ਕਰੋ। ਨੋਟ: <YOUR_LICENSE_KEY> ਤੁਹਾਨੂੰ ਇਸਨੂੰ ਆਪਣੀ ਅਸਲ ਲਾਇਸੈਂਸ ਕੁੰਜੀ ਨਾਲ ਬਦਲਣ ਦੀ ਲੋੜ ਹੈ ।

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

2. ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਡਾਊਨਲੋਡ ਅਤੇ ਹੋਸਟਿੰਗ

ਜੇਕਰ ਤੁਸੀਂ ਫਾਈਲਾਂ 'ਤੇ ਪੂਰਾ ਕੰਟਰੋਲ ਚਾਹੁੰਦੇ ਹੋ ਅਤੇ ਨੈੱਟਵਰਕ ਕਨੈਕਸ਼ਨ 'ਤੇ ਨਿਰਭਰ ਨਹੀਂ ਰਹਿਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ JW ਪਲੇਅਰ ਡਾਊਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਇਸਨੂੰ ਆਪਣੇ ਸਰਵਰ 'ਤੇ ਹੋਸਟ ਕਰ ਸਕਦੇ ਹੋ।

  1. JW Player ਦੀ ਅਧਿਕਾਰਤ ਵੈੱਬਸਾਈਟ 'ਤੇ ਜਾਓ।

  2. ਸਾਈਨ ਅੱਪ ਕਰੋ ਜਾਂ ਆਪਣੇ ਖਾਤੇ ਵਿੱਚ ਲੌਗਇਨ ਕਰੋ(ਇੱਕ ਮੁਫ਼ਤ ਅਜ਼ਮਾਇਸ਼ ਉਪਲਬਧ ਹੈ)।

  3. ਆਪਣੇ ਖਾਤੇ ਦੇ ਡੈਸ਼ਬੋਰਡ ਤੋਂ ਲਾਇਬ੍ਰੇਰੀ ਲੱਭੋ ਅਤੇ ਡਾਊਨਲੋਡ ਕਰੋ।

  4. ਫਾਈਲ ਨੂੰ ਅਨਜ਼ਿਪ ਕਰੋ ਅਤੇ ਫੋਲਡਰ ਨੂੰ ਆਪਣੇ ਸਰਵਰ 'ਤੇ ਅਪਲੋਡ ਕਰੋ।

JW ਪਲੇਅਰ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਵਿਸਤ੍ਰਿਤ ਗਾਈਡ

ਇੱਕ ਵਾਰ ਜਦੋਂ ਤੁਹਾਡੇ ਕੋਲ ਲਾਇਬ੍ਰੇਰੀ ਹੋ ਜਾਂਦੀ ਹੈ, ਤਾਂ ਤੁਸੀਂ ਆਪਣੀ ਵੈੱਬਸਾਈਟ ਵਿੱਚ JW Player ਨੂੰ ਏਮਬੈਡ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰ ਸਕਦੇ ਹੋ।

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 Player ਲਾਇਬ੍ਰੇਰੀ ਨੂੰ ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ ਨਾਲ ਜੋੜਦੀ ਹੈ।

  • <div id="video-container"></div>: ਇਹ ਉਹ ਥਾਂ ਹੈ ਜਿੱਥੇ ਵੀਡੀਓ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਵੇਗਾ। ਤੁਸੀਂ ਇਸਨੂੰ ਜੋ ਵੀ idਚਾਹੋ ਦੇ ਸਕਦੇ ਹੋ, ਪਰ ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਇਹ ਫੰਕਸ਼ਨ ਵਿੱਚ ਵਰਤੇ ਗਏ ਨਾਮ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ jwplayer()।

  • jwplayer("video-container").setup({...}): ਇਹ ਉਹ ਥਾਂ ਹੈ ਜਿੱਥੇ ਤੁਸੀਂ JW ਪਲੇਅਰ ਨੂੰ ਸ਼ੁਰੂ ਅਤੇ ਸੰਰਚਿਤ ਕਰਦੇ ਹੋ।

    • "file": ਤੁਹਾਡੀ ਵੀਡੀਓ ਫਾਈਲ ਦਾ ਮਾਰਗ।

    • "image": ਵੀਡੀਓ ਥੰਬਨੇਲ ਚਿੱਤਰ ਦਾ ਰਸਤਾ।

    • "width"ਅਤੇ "height": ਪਲੇਅਰ ਲਈ ਮਾਪ ਸੈੱਟ ਕਰਦਾ ਹੈ। ਤੁਸੀਂ "100%"ਇੱਕ ਜਵਾਬਦੇਹ ਪਲੇਅਰ ਲਈ ਵੀ ਵਰਤ ਸਕਦੇ ਹੋ।

    • "autostart": trueਜੇਕਰ ਤੁਸੀਂ ਵੀਡੀਓ ਨੂੰ ਆਪਣੇ ਆਪ ਚਲਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ 'ਤੇ ਸੈੱਟ ਕਰੋ।

    • "controls": falseਜੇਕਰ ਤੁਸੀਂ ਪਲੇਅਰ ਕੰਟਰੋਲਾਂ ਨੂੰ ਲੁਕਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ 'ਤੇ ਸੈੱਟ ਕਰੋ।

ਇਸ ਵਿਸਤ੍ਰਿਤ ਗਾਈਡ ਦੇ ਨਾਲ, ਤੁਸੀਂ ਆਪਣੀ ਵੈੱਬਸਾਈਟ 'ਤੇ ਵੀਡੀਓ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ JW ਪਲੇਅਰ ਦੀ ਵਰਤੋਂ ਆਸਾਨੀ ਨਾਲ ਸ਼ੁਰੂ ਕਰ ਸਕਦੇ ਹੋ।