close

جے ڈبلیو پلیئر کا استعمال کیسے کریں: ویڈیوز کو ایمبیڈ اور کنفیگر کریں۔

جے ڈبلیو پلیئر کیا ہے؟

JW Player آپ کی ویب سائٹ پر ویڈیوز چلانے کے لیے ایک طاقتور اور لچکدار ٹول ہے۔ یہ گائیڈ اس کے استعمال کے بارے میں تفصیلی واک تھرو فراہم کرے گا، بشمول CDN کا استعمال کرتے ہوئے یا اسے ڈاؤن لوڈ کرکے لائبریری کیسے حاصل کی جائے۔

جے ڈبلیو پلیئر لائبریری کیسے حاصل کی جائے۔

JW Player لائبریری حاصل کرنے کے لیے آپ کے پاس دو اختیارات ہیں: CDN استعمال کرنا یا مقامی ہوسٹنگ کے لیے اسے ڈاؤن لوڈ کرنا۔

1. CDN استعمال کرنا(تجویز کردہ)

CDN(مواد کی ترسیل کے نیٹ ورک) کا استعمال JW Player کو مربوط کرنے کا سب سے آسان اور تیز ترین طریقہ ہے۔ ایک CDN فائلوں کو تیزی سے لوڈ کرنے میں مدد کرتا ہے کیونکہ وہ دنیا بھر میں متعدد سرورز پر ہوسٹ کی جاتی ہیں۔

CDN استعمال کرنے کے لیے، بس <head>اپنی ویب سائٹ کے سیکشن میں کوڈ کی درج ذیل لائن شامل کریں۔ نوٹ: <YOUR_LICENSE_KEY> آپ کو اپنی اصل لائسنس کلید سے تبدیل کرنے کی ضرورت ہے ۔

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

2. مقامی طور پر ڈاؤن لوڈ اور میزبانی کرنا

اگر آپ فائلوں پر مکمل کنٹرول چاہتے ہیں اور نیٹ ورک کنکشن پر انحصار نہیں کرنا چاہتے تو آپ JW Player ڈاؤن لوڈ کر سکتے ہیں اور اسے اپنے سرور پر ہوسٹ کر سکتے ہیں۔

  1. JW Player کی آفیشل ویب سائٹ پر جائیں۔

  2. سائن اپ کریں یا اپنے اکاؤنٹ میں لاگ ان کریں(مفت آزمائش دستیاب ہے)۔

  3. اپنے اکاؤنٹ کے ڈیش بورڈ سے لائبریری تلاش کریں اور ڈاؤن لوڈ کریں۔

  4. فائل کو ان زپ کریں اور فولڈر کو اپنے سرور پر اپ لوڈ کریں۔

JW Player استعمال کرنے کے لیے تفصیلی گائیڈ

ایک بار جب آپ کے پاس لائبریری ہو جائے تو، آپ JW Player کو اپنی ویب سائٹ میں شامل کرنا شروع کر سکتے ہیں۔

1. ایک 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>

2. ضابطہ کی تفصیلی وضاحت

  • <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 کا استعمال شروع کر سکتے ہیں۔