close

JW Player কীভাবে ব্যবহার করবেন: ভিডিও এম্বেড এবং কনফিগার করুন

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>

2. স্থানীয়ভাবে ডাউনলোড এবং হোস্টিং

যদি আপনি ফাইলগুলির উপর সম্পূর্ণ নিয়ন্ত্রণ চান এবং নেটওয়ার্ক সংযোগের উপর নির্ভর করতে না চান, তাহলে আপনি 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 ব্যবহার শুরু করতে পারেন।