Advertisement
  1. Code
  2. HTML5
Code

১৫ টি সেরা HTML5 ভিডিও প্লেয়ার

by
Length:LongLanguages:

Bengali (বাংলা) translation by Nazmul Shuvo (you can also view the original English article)

YouTube এর বর্তমান পরিবর্তিত নীতি অনুযায়ী বিজ্ঞাপন থেকে আয় শুরুর পূর্বে নির্মাতাদের ১০,০০০ ভিউ এ পোছাতে হবে, এর মধ্যে আমরা YouTube এর সুবর্ণ যুগের সুর্যাস্ত দেখলাম।  এখন সবচাইতে বেশি, ক্রিয়েটিভদের নিজেদের ভিডিও প্ল্যাটফর্ম তৈরি এবং নিজেদের বিজ্ঞাপন তৈরির জন্য ধাক্কা রয়েছে।

আপনি YouTube ক্রিয়েটর হোন অথবা উচ্চাকাঙ্ক্ষী ফিল্ম ডিরেক্টর, এই ১৫ টি সেরা HTML5 ভিডিও প্লেয়ারের লিস্ট আপনাকে একটি ভিডিও-কেন্দ্রিক ওয়েবসাইট তৈরিতে সাহায্য করবে। আপনার কোন ফিচারগুলি সবচাইতে বেশি প্রয়োজন?

  • একটি সাধারণ প্লেয়ার?
  • রোবাস্ট প্লেলিস্ট অপশন?
  • ভিডিও'র আগে, চলার সময়, অথবা পরে বিজ্ঞাপন?
  • সেলফ-হোস্টেড ভিডিও এবং YouTube ও Vimeo এর ভিডিও মিক্সিং এর ব্যাপারে কি বলবেন?

আপনি যা খুঁজছেন তা নিশ্চিত Envato মার্কেট এর এই HTML5 ভিডিও প্লেয়ারগুলির সংক্ষিপ্ত বিবরণে পেয়ে যাবেন।

১। Elite Video Player

এলিট ভিডিও প্লেয়ার একটি দুর্দান্ত HTML5 ভিডিও প্লেয়ার যা আপনার এটির পথে আপনার নিক্ষেপ করা সবই হ্যান্ডেল করতে পারেঃ

  • সেলফ-হোস্টেড mp4
  • YouTube
  • Vimeo
  • ড্রপবক্স
  • অ্যামাজন s3
  • এবং গুগল ড্রাইভ

আপনার ভিডিও স্টাইলের সাথে প্রদর্শন করুণ - সকল ব্রাউজার এবং মোবাইলে - সম্পূর্ণ কাস্টমাইজেবল HTML5 ভিডিও প্লেয়ার টি ব্যবহার করে।

Elite Video Player

এছাড়াও অন্তর্ভুক্ত ফিচারগুলিঃ 

  • লাইটবক্স, রেস্পন্সিভ, এবং ফুল স্ক্রিন মোড
  • YouTube চ্যানেল এবং প্লে লিস্ট সাপোর্ট
  • প্লেয়ার নির্বাচন এবং স্ক্রলবার ইফেক্ট
  • রিসাইজেবল উচ্চতা এবং প্রস্থ
  • এবং আরো অনেক অপশন

এলিট ভিডিও প্লেয়ারের একটি আরো ইউনিক এবং মর্মস্পর্শী ফিচার হচ্ছে ভিডিও'র প্রি-রোল, মিড-রোল, এবং পোস্ট-রোল যোগ করা এবং পপআপ এড স্ক্রিনে নিয়ে আসার ক্ষমতা। এর একটি ওয়ার্ডপ্রেস ভার্সন ও সহজলভ্য।

২। Ultimate Video Player with YouTube, Vimeo, HTML5, Ads

আপনার নিজের ভিডিও অথবা পপআপ বিজ্ঞাপন যোগ করুণ পূর্বে, চলাকালীন, অথবা Ultimate Video Player with YouTube, Vimeo, HTML5, Ads ব্যবহার করে আপনার ভিডিওগুলি অনুসরণ করুন।

YouTube, Vimeo, এবং সেলফ-হোস্টেড mp4 (অ্যামাজন S3, গুগল ড্রাইভ, ইত্যাদি থেকে) প্রদর্শন করে।

Ultimate Video Player with YouTube Vimeo HTML5 Ads

অন্তর্ভুক্ত ফিচারগুলিঃ

  • সম্পূর্ণ রেস্পন্সিভ এবং সকল ব্রাউজারে সাপোর্ট করে
  • একই পেইজে একাধিক অনুরোধ সমর্থন করে
  • টাইম এবং ভলিউমের জন্য টুলটিপ
  • Font Awesome আইকন
  • rewind ফাংশন
  • এবং আরো অনেক, অনেক কিছু

Ultimate Video Player with YouTube, Vimeo, HTML5, Ads (ওয়ার্ডপ্রেস এর জন্যও সহজলভ্য) আপনাকে সোশ্যাল মিডিয়া এবং একটি এমবেড কোডের মাধ্যমে ভিডিওগুলি শেয়ার করার সুযোগ দেয়, দর্শকদের তাদের ওয়েবসাইটে আপনার প্লেয়ারটি এমবেড করার সুযোগ প্রদান করে।

৩। HTML5 Responsive Video Player & Advertising

আপনি HTML5 ভিডিও প্লেয়ারগুলির কথা HTML5 Responsive Video Player & Advertising ম্যানশন না করে বলতে পারেন না।

আপনি একটি ফিচার্ড ভিডিও শুরুর পূর্বে একটি ভিডিও বিজ্ঞাপন অথবা চলাকালীন সময়ে একটি পপআপ বিজ্ঞাপন সেট করতে পারেন। এবং এইগুলি অন্তর্ভুক্ত অসংখ্য অপশনগুলির মধ্যে দুটি মাত্র।

HTML5 Responsive Video Player Advertising
  • অটো-হাইড, অটো-প্লে, এবং অটো-রিপ্লে অপশন
  • সম্পূর্ণ রেস্পন্সিভ এবং CSS দিয়ে কাস্টমাইজেবল
  • টুলটিপ কন্ট্রোল ইনফো এবং rewind
  • অপশনাল সোশ্যাল মিডিয়া শেয়ারের ব্যবস্থা
  • এবং আরো অনেক কিছু

একটি রোবাস্ট HTML5 ভিডিও প্লেয়ারে আপনি যেসব ফিচারগুলি খুজবেন তার সকল HTML5 Responsive Video Player & Advertising এ  অন্তর্ভুক্ত রয়েছে - যেখানে বাড়তি অপশন হিসিবে আপনাকে ভিডিও স্ক্রিনের কর্ণারে আপনার লোগো প্রদর্শনের সুবিধা দিচ্ছে।

৪। Ultra Video Gallery with YouTube, Vimeo, HTML5, Ads

Ultra Video Gallery with YouTube, Vimeo, HTML5, Ads একটি ভালো সমর্থিত এবং পরিচালিত HTML5 ভিডিও প্লেয়ার।

আপনি একটি ভিডিও প্লেয়ারে যেসব ফিচার চাইবেন এটি তার সবগুলির সাথে এসেছে - এবং তার চেয়ে বেশি কিছুও রয়েছে।

Ultra Video Gallery with Youtube Vimeo HTML5 Ads

অন্তর্ভুক্ত ফিচারগুলি, কিন্তু সীমাবদ্ধ নয়ঃ

  • YouTube এবং Vimeo তে হোস্টেড ভিডিও'র জন্য কাস্টম প্লেয়ার ডিজাইন
  • YouTube, Vimeo এবং সেলফ-হোস্টেড ভিডিওগুলির জন্য প্রি-রোল বিজ্ঞাপন
  • টাচ কিবোর্ড/মাউস সাপোর্ট
  • সহজে সেটআপ করা যায় এবং পুরোপুরি কাস্টমাইজেবল
  • ৮ টি প্রি-ডিজাইন থিম অন্তর্ভুক্ত
  • এবং আরো অনেক, অনেক কিছু

আলট্রা ভিডিও গ্যালারী YouTube, Vimeo, HTML5, Ads একটি স্ট্যান্ড-এলোন প্লেয়ার হিসেবে ব্যবহার করা যেতে পারে, অথবা একটি ফিচার্ড ভিডিও'র ডানে বা নিচে একটি গ্যালারী যোগ করা যেতে পারে।

৫। Ultimate Video Player

এই HTML5 ভিডিও প্লেয়ারটিতে একটি কাটিং এডজ প্লেয়ারে আপনার যা যা প্রয়োজন তার সব মৌলিক বৈশিষ্ট্য আছে - পুরোনো ব্রাউজারগুলি ব্যবহার করে এমন ব্যবহারকারীদের হারানো ছাড়াই।

আল্টিমেট ভিডিও প্লেয়ার আধুনিক মোবাইল ব্রাউজার অথবা পুরাতন ডেক্সটপ কম্পিউটারে ফ্ল্যাশ ফলব্যাক ফিচার সহ IE8 এ ভিডিও প্লে করতে সক্ষম।

Ultimate Video Player

এটি আরোঃ

"অনেক পরিমাণ ফিচারের সাথে প্যাকড যেমন রেস্পন্সিভ লেআউট, একাধিক প্লেলিস্ট, এক্সটার্নাল API, অপশনাল ডীপলিংকিং, ফ্লেক্সিবল স্কিন, এমবেড এবং শেয়ার, ফেইসবুক শেয়ার ইত্যাদি... "

Ultimate Video Player (ওয়ার্ডপ্রেস এর জন্যও সহজলভ্য) দিয়ে প্লেলিস্ট সেটআপ, ভিডিও ডাউনলোড বাটন প্রদান, এবং আরো অনেক, অনেক কিছু  করতে পারবেন।

৬। HTML5 Video Gallery with Live Playlist

HTML5 Video Gallery with Live Playlist এর সাহায্যে একটি রোবাস্ট ভিডিও শোকেস তৈরি করুণ। আপনার লাইভ প্লেলিস্ট সেটআপ করুণ HTML মার্কাপ, XML প্লেলিস্ট দিয়ে, অথবা এটি সেলফ-হোস্টেড ভিডিও'র ফোল্ডারগুলি ও রিড করতে পারে।

আপনি YouTube এবং সেলফ-হোস্টেড ভিডিও মিক্স ও করতে পারবেন।

HTML5 Video Gallery with Live Playlist

অন্তর্ভুক্ত অতিরিক্ত ফিচারগুলিঃ

  • jQuery এড্রেস এর সাথে ডিপলিংকিং
  • YouTube API v3 সাপোর্ট
  • ভিডিও এসপেক্ট রেশিও
  • লাইভ প্রিভিউ

পাবলিক API সহজলভ্য করেছেঃ Play/pause, next/previous, seek, এবং আরো অনেক কিছু!

আপনার অনেক পছন্দের ফিচারগুলি YouTube প্লেয়ার থেকে আপনার নিজের ওয়েবসাইটে নিয়ে আসুন HTML5 Video Gallery with Live Playlist ব্যবহার করে।

৭। Responsive HTML5 Video Player & Gallery

Responsive HTML5 Video Player & Gallery সেটআপ করা খুব সহজ, রেটিনা রেডি, এবং HTML5 ভিডিও প্লেয়ারকে চমৎকার দেখানোর জন্য এটিতে একাধিক স্কিন রয়েছে।

"আপনি প্লেয়ার গ্যালারী ছাড়া ব্যবহার করতে পারেন শুধু একটি ভিডিও দিয়ে, অথবা আপনি গ্যালারী তৈরি করতে পারেন থাম্বনেল, টাইটেল এবং বিবরণ সহ। "

আপনি আপনার লোগোও যোগ করতে পারবেন নিচের বামদিকে, নিচের ডানদিকে অথবা উপরে বাম কর্ণারে।

Responsive HTML5 Video Player Gallery

অন্তর্ভুক্ত অন্যান্য ফিচারগুলিঃ

  • অপশনাল শেয়ার মেনু এবং এমবেড কোড
  • ক্লিক এবং ড্রাগ গ্যালারী সাপোর্ট
  • ফুল প্লেয়ার কন্ট্রোল
  • এবং আরো অনেক কিছু

Responsive HTML5 Video Player & Gallery আপনার ভিডিও স্ট্রিমলাইনড গ্যালারী ফরম্যাটে প্রদর্শন করার জন্য একটি অসাধারণ উপায়।

৮। Responsive Video Gallery HTML5 YouTube Vimeo

খুব সহজে আপনার Vimeo, YouTube, এবং সেলফ-হোস্টেড mp4 ভিডিওগুলি একটি প্লেলিস্টে মিক্স করুণ Responsive Video Gallery HTML5 YouTube Vimeo এর সাহায্যে।

Responsive Video Gallery HTML5 YouTube Vimeo

আপনি সব ধরনের প্রয়োজনীয় ফিচারগুলি পাবেনঃ

  • jQuery এড্রেস এর সাথে অপশনাল ডিপলিংকিং
  • HTML, XML, এবং ফোল্ডার বেইসড প্লেলিস্ট
  • YouTube এবং Vimeo API v3 এর সমর্থন
  • প্লেব্যাকের আগে অথবা পরে অপশনাল বিজ্ঞাপন
  • রোবাস্ট প্লেব্যাক অপশন
  • এবং আরো অনেক কিছু

Responsive Video Gallery HTML5 YouTube Vimeo এ অন্তর্ভুক্ত রয়েছে একটি সলিড API এবং একটি HTML5 ভিডিও প্লেয়ারে আপনার যা যা প্রয়োজন তার সবকিছুই।

৯। Universal Video Player - YouTube/Vimeo/Self-Hosted

Universal Video Player - YouTube/Vimeo/Self-Hosted আর একটি HTML5 ভিডিও প্লেয়ার যা আপনার মনোযোগ কেরে নেওয়ার যোগ্য।

শুধু অন্যান্য ভিডিও প্লেয়ারে থাকা ফিচারগুলিই যে এর মধ্যে অন্তর্ভুক্ত তা নয়, এতে কিছু অতিরিক্ত বৈশিষ্ট্য অন্তর্ভুক্ত রয়েছে যা একে ভিন্ন করেছে।

Universal Video Player - YouTubeVimeoSelf-Hosted

অন্তর্ভুক্ত লক্ষণীয় ফিচারগুলিঃ

  • গুগল এনালিটিক্স ট্রাকিং
  • প্লেলিস্ট সার্চ
  • ক্যাটাগরিজ
  • সাফল

অন্যান্য HTML5 ভিডিও প্লেয়ারের মত, এটিতে YouTube, Vimeo, এবং সেলফ-হোস্টেড ভিডিও সাপোর্ট অন্তর্ভুক্ত রয়েছে, কাস্টমাইজেবল কালার স্কিম এবং ভিডিও ডাউনলোডের একটি অপশন রয়েছে।

Universal Video Player - YouTube/Vimeo/Self-Hosted একটি চমৎকার সমাধান, এবং YouTube সার্ভার থেকে ভিডিও থাম্বনেল, টাইটেল, এবং বিবরণও স্বয়ংক্রিয়ভাবে পাওয়া সম্ভব (ওয়ার্ডপ্রেস ভার্সন ও সহজলভ্য)।

১০। HTML5 Video Player with Playlist & Multiple Skins

HTML5 Video Player with Playlist & Multiple Skins (ওয়ার্ডপ্রেস এর জন্য ও সহজলভ্য) আপনার ওয়েবসাইটের সাথে মিলিয়ে সাইডে এবং নিচে প্লেলিস্ট সহ ৬টি ভিন্ন স্কিন অফার করে।

অন্যান্য HTML5 ভিডিও প্লেয়ারের তুলনায়, এটি স্ট্যান্ডার্ড mp4 ভিডিও ফরম্যাট ছাড়াও webm ভিডিও ফাইল সাপোর্ট করে।

HTML5 Video Player with Playlist Multiple Skins

আপনি আরো পাবেনঃ

  • অপশনাল ভিডিও বিবরণ HTML এবং CSS সাপোর্ট এর সাথে
  • একটি এবং একাধিক উভয় ইন্সট্যান্স সাপোর্ট করে
  • প্লেব্যাক কন্ট্রোলের জন্য অটোহাইড
  • ক্লিক লিসেনার
  • এবং আরো অনেক কিছু

HTML5 Video Player with Playlist & Multiple Skins প্লেলিস্টগুলির জন্য একটি ভাল HTML5 ভিডিও প্লেয়ার, ভিডিও এবং প্লেলিস্ট উভয়ের জন্য নির্দিষ্ট প্রিভিউ ইমেজ এর সাথে সম্পৃক্ত।

১১। Total Video Player

এই পরিমাণ ভ্যালু অফার করা একটি  HTML5 ভিডিও প্লেয়ার খুজতে আপনাকে হয়ত অনেক কষ্ট করতে হবে।

Total Video Player এর অনেক অপশন রয়েছে এবং এমনকি এটিতে সেলফ-হোস্টেড ভিডিও'র জন্য সাবটাইটেল এবং ক্যাপশনিং (srt/vtt) এর সমর্থনও অন্তর্ভুক্ত রয়েছে।

Total Video Player

অতিরিক্ত অন্তর্ভুক্ত ফিচারগুলিঃ

  • YouTube এবং সেলফ-হোস্টেড ভিদিওগুলি মিক্স করা
  • পুরাতন ব্রাউইজারগুলির জন্য ফ্ল্যাশ ফলব্যাক
  • অপশনাল প্লেব্যাক কন্ট্রো্লস
  • অপশনাল ভিডিও ইনফরমেশন
  • পাবলিক API এবং কলব্যাকস
  • এবং আরো অনেক কিছু

টোটাল ভিডিও প্লেয়ার একটি সম্পূর্ণ ভিডিও প্লেয়ার।

১২। HTML5 Video Player with Playlist & Multiple Skins

HTML5 Video Player with Playlist & Multiple Skins শুধুমাত্র একটি অসাধারণ HTML5 ভিডিও প্লেয়ার নয়, এটিতে ফুল স্ক্রিন ভিডিও ব্যাকগ্রাউন্ড সেট করার ক্ষমতা ও অন্তর্ভুক্ত রয়েছে।

আপনার ওয়েব ডেভ টুলবেল্ট এ কি একটি ভিডিও প্লেয়ার প্রয়োজন?

তাহলে এটিই যা আপনি খুঁজছেন।

HTML5 Video Player FullScreen Video Background

এটিতে অনেক সহায়ক ফিচার রয়েছে, তারমধ্যে রয়েছেঃ

  • মোবাইল ডিভাইসের জন্য ফলব্যাক ইমেজ যেখানে ফুলস্ক্রিন ভিডিও ব্যাকগ্রাউন্ড সাপোর্ট করে না।
  • ৩০+ Js অপশনঃ প্লেয়ার কন্ট্রোল, প্লেব্যাক, ডিজাইন, ইত্যাদি।
  • YouTube, Vimeo, এবং সেলফ-হোস্টেড ভিডিও'র সমর্থন
  • ন্যাভিগেশন পজিশনিং
  • ভিডিও তে টেক্সচার
  • এবং আরো অনেক কিছু!

HTML5 Video Player with Playlist & Multiple Skins যে কোন ওয়েব ডেভেলপার এর টুলবক্সে একটি স্বাগতপূর্ণ সংযোজন - এটি ওয়ার্ডপ্রেস এর জন্য ও রয়েছে!

১৩।ProgressionPlayer - Responsive Audio/Video Player

আপনি যদি একটি সাধারণ, অকপট HTML5 ভিডিও প্লেয়ার খুজে থাকেন, আপনি ProgressionPlayer - রেস্পন্সিভ অডিও/ভিডিও প্লেয়ার এর সব খুজে পাবেন।

এটি এমনকি অডিও ফাইলও সাপোর্ট করে, এটি একটি বহুমুখী সমাধান যা অন্যান্য অ্যাপ্লিকেশান এর জন্যও ব্যবহার করা যেতে পারে।

ProgressionPlayer - Responsive AudioVideo Player

প্রোডাক্ট পেইজ থেকেঃ

"সহজে কাস্টমাইজ করার যোগ্য এবং ফুল ফিচার্ড অডিও/ভিডিও প্লেয়ারের সাথে আপনার কাজ প্রদর্শন করুণ। যখন আপনি এই প্লেয়ারটি কিনবেন, আপনি ৫ টি কাস্টম স্কিন এবং রেস্পন্সিভ লেআউট এর মতো ফিচার সহ একটি বিস্তারিত হেল্প ফাইল পাবেন।"

সহজে কাস্টমাইজ করা যায়, ফুল-স্ক্রিন ভিডিও সাপোর্ট, ভিডিও এবং অডিও প্লেলিস্ট, এবং আরো অনেক কিছু।

ProgressionPlayer - Responsive Audio/Video Player ঝামেলা দূর করে এবং একটি সলিড HTML5 ভিডিও প্লেয়ার অফার করে।

১৪। Chameleon - HTML5 Video Player with Flash Backup

Chameleon - HTML5 Video Player with Flash Backup এর সাথে এটি সিম্পল রাখুন।

Chameleon - HTML5 Video Player with Flash Backup

এটির স্বচ্ছ ডিজাইন এবং সিম্পল অপশনের সাথে, এই HTML5 ভিডিও প্লেয়ারটি ভিডিও প্লেব্যাকের মৌলিক বিষয়গুলি প্রদান করেঃ

  • লাইট এবং ডার্ক স্কিন এবং রেটিনা ফ্রেন্ডলি
  • ১০০% রেস্পন্সিভ - যে কোথাও ফিট হবে
  • ভিডিওগুলি স্ক্রাবের জন্য হোল্ড-এন্ড-ড্রাগ এর সুবিধা
  • ফ্ল্যাশ ভিডিও ফলব্যাক
  • এবং আরো অনেক কিছু

Chameleon - HTML5 Video Player with Flash Backup টি ওয়ার্ডপ্রেস এর জন্যও সহজলভ্য।

১৫। Mega Video Players BUNDLE

Mega Video Players BUNDLE একটি সিঙ্গেল, রোবাস্ট, one-size-fits-all HTML5 ভিডিও প্লেয়ার নয়।

এখানে এমন ছয়টি রয়েছে।

Mega Video Players BUNDLE

এই ডাউনলোডটি আপনাকে তিনটি ভিন্ন রেস্পন্সিভ ভিডিও প্লেয়ার দিবে, প্রতিটি তাদের নিজস্ব ওয়ার্ডপ্রেস প্রতিরূপের সাথে, মোট ছয়টি প্লেয়ার দিচ্ছে আপনাকে।

এই বান্ডেলে অন্তর্ভুক্ত রয়েছেঃ

আপনি প্রতিটা প্লেয়ারে ভিন্ন ভিন্ন অনেক ফিচার খুজে পাবেনঃ এক্সটার্নাল API. ডীপলিংকিং, এমবেড এবং শেয়ার, একাধিক প্লেলিস্ট, এবং অনেক, অনেক কিছু।

Mega Video Players BUNDLE সবচাইতে ব্যয়বহুল অপশন, তবে এটি সবচেয়ে সাশ্রয়ী ও বটে।

উপসংহার

এখানে বিভিন্ন রকমের HTML5 ভিডিও প্লেয়ার আছে। সঠিক সমাধান খুজে পাওয়ার চাবি হচ্ছে একটি ভিডিও প্লেয়ার খুজে বের করা যা আপনার যে কোন অথবা সকল প্রয়োজন মিটাতে সক্ষম। সবচেয়ে শেষে আপনি যা করতে চান তা হচ্ছে একটি স্থুল সমাধান ব্যবহার করা, অথবা তার চেয়েও খারাপ কিছু, আপনি যা করার চেষ্টা করছেন তা সম্পাদন করার জন্য হয়ত তা সমর্থিত নয়।

আপনি যদি দুঃসাহসিক বোধ করেন, সম্ভবত Envato Tuts+ এর কিছু  HTML5 কোড টিউটোরিয়াল, ওয়েব ডেভেলপমেন্ট কোর্স, অথবা কোড ই-বুকগুলি আপনাকে আপনার নিজের HTML5 ভিডিও প্লেয়ার তৈরি শুরুতে সহায়তা করবে। অন্যথায়, উল্লিখিত ১৫ টি HTML ভিডিও প্লেয়ার বিবেচনা করুণ অথবা CodeCanyon এ নতুন কিছুর জন্য সন্ধানে থাকুন।

এবং সবসময়ের মতো, আপনি সকল ধরনের সহায়ক ওয়েব ডেভেলপমেন্ট প্লাগইন, স্ক্রিপ্ট, এবং আরো অনেক কিছু পাবেন Envato মার্কেট এ।

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.