HTML ভিডিও

HTML-এ ভিডিও প্লে করার পদ্ধতির বেশ কিছুটা রয়েছে

উদাহরণ

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.webm" type="video/webm" />
  <object data="movie.mp4" width="320" height="240">
    <embed src="movie.swf" width="320" height="240" />
  </object>
</video>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

সমস্যা, সমস্যা, এবং সমাধান

HTML-এ ভিডিও প্লে করা খুবই সহজ নয়!

আপনাকে বেশ কিছু ট্রিককে জানা উচিত, যাতে আপনার ভিডিও ফাইলগুলি সব ব্রাউজার (ইন্টারনেট এক্সপ্লোরার, চ্রোম, ফায়ারফক্স, স্যাফারি, ওপেরা) এবং সব হার্ডওয়্যার (পিসি, ম্যাক, iPad, iPhone) এবং সব সময়েই প্লে করা যায়

এই চাপ্তশীতে, CodeW3C.com আপনাকে সমস্যা এবং তার সমাধানসূত্র সামগ্রী প্রদান করেছে।

ট্যাগ <embed> ব্যবহার করুন

<embed> ট্যাগের কাজ হল একটি মাল্টিমিডিয়া ইলেকট্রনকে HTML পৃষ্ঠায় এম্বেড করা।

নিচের HTML কোডটি একটি ফ্ল্যাশ ভিডিওকে ওয়েবসাইটে এম্বেড করে দেখায়:

উদাহরণ

<embed src="movie.swf" height="200" width="200"/>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

সমস্যা

  • HTML4 <embed> ট্যাগকে পরিচিত করতে পারে না। আপনার পৃষ্ঠা নিশ্চিত করা যায় না。
  • যদি ব্রাউজার Flash-এর সমর্থন না করে, তবে ভিডিও প্লে করা যাবে না
  • iPad এবং iPhone Flash ভিডিওকে দেখা যায় না。
  • আপনি ভিডিওকে অন্য ফরম্যাটে রূপান্তরিত করলেও, তা সব ব্রাউজারে প্লে করা যাবে না。

ট্যাগ <object> ব্যবহার করুন

<object> ট্যাগের কাজ হল একটি মাল্টিমিডিয়া ইলেকট্রনকে HTML পৃষ্ঠায় এম্বেড করা।

নিচের HTML শব্দতালিকা একটি ফ্ল্যাশ ভিডিওকে ওয়েবসাইটে এম্বেড করে দেখায়:

উদাহরণ

<object data="movie.swf" height="200" width="200"/>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

সমস্যা

  • যদি ব্রাউজার Flash-এর সমর্থন না করে, তবে ভিডিও প্লে করা যাবে না。
  • iPad এবং iPhone Flash ভিডিওকে দেখা যায় না。
  • আপনি ভিডিওকে অন্য ফরম্যাটে রূপান্তরিত করলেও, তা সব ব্রাউজারে প্লে করা যাবে না。

ট্যাগ <video> ব্যবহার করুন

HTML 5-এর নতুন ট্যাগ <video>।

<video> ট্যাগের কাজ হল একটি ভিডিও ইলেমেন্টকে HTML পেজে জুড়িয়ে ফেলা।

নিম্নোক্ত HTML স্ক্রিপ্টটি ওয়েবসাইটে একটি ogg, mp4 বা webm ফরম্যাটের ভিডিও প্রদর্শন করবে:

উদাহরণ

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.webm" type="video/webm" />
আপনার ব্রাউজারটি ভিডিও ট্যাগটি সমর্থন করে না。
</video>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

সমস্যা

  • আপনি ভিডিওকে অনেকগুলি ভিন্ন ফরম্যাটে রূপান্তরিত করতে হবে
  • <video> ইলেমেন্টটি পুরাতন ব্রাউজারে কাজ করতে পারে না。
  • <video> ইলেমেন্টটি HTML 4 এবং XHTML যাচাইয়ের মাধ্যমে কাজ করতে পারে না。

সবচেয়ে ভালো HTML সমাধান

HTML 5 + <object> + <embed>

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.webm" type="video/webm" />
  <object data="movie.mp4" width="320" height="240">
    <embed src="movie.swf" width="320" height="240" />
  </object>
</video>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

এই উদাহরণে 4টি ভিন্ন ভিডিও ফরম্যাট ব্যবহার করা হয়েছে।HTML 5 <video> ইলেমেন্টটি mp4, ogg বা webm ফরম্যাটের একটি দিয়ে ভিডিও প্লে করার চেষ্টা করবে।যদি সবকটি ব্যর্থ হয়, তবে <embed> ইলেমেন্টে পছন্দ করবে。

সমস্যা

  • আপনি ভিডিওকে অনেকগুলি ভিন্ন ফরম্যাটে রূপান্তরিত করতে হবে
  • <video> ইলেমেন্টটি HTML 4 এবং XHTML যাচাইয়ের মাধ্যমে কাজ করতে পারে না。
  • <embed> ইলেমেন্টটি HTML 4 এবং XHTML যাচাইয়ের মাধ্যমে কাজ করতে পারে না。

মন্তব্য:<!DOCTYPE html> (HTML5) ব্যবহার করে যাচাই সমস্যা সমাধান করুন。

উয়ুকু সমাধান

ইউটিউব ইত্যাদি ভিডিও ওয়েবসাইট ব্যবহার করে HTML এক্সপ্লোরারে ভিডিও প্রদর্শন করার সবচেয়ে সহজভাবে হয়。

আপনি যদি ইন্টারনেট পেজে ভিডিও প্লে করতে চান, তবে আপনি ভিডিওটি উয়ুকু ইত্যাদি ভিডিও ওয়েবসাইটে আপলোড করতে পারেন এবং এটা ইন্টারনেট পেজে HTML কোড জুড়িয়ে প্লে করা যাবে:

<embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf" 
width="480" height="400" 
type="application/x-shockwave-flash">
</embed>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

সুপারলিঙ্ক ব্যবহার

যদি ওয়েবসাইটটি মিডিয়া ফাইলের লিঙ্ক ধারণ করে, তবে অধিকাংশ ব্রাউজার একটি 'সহযোগী অ্যাপ্লিকেশন' ব্যবহার করে ফাইলটি প্লে করবে

নিম্নলিখিত কোড ফ্রেম একটি AVI ফাইলের লিঙ্কটি দেখায়।যদি ব্যবহারকারী এই লিঙ্কটি ক্লিক করে, তবে ব্রাউজার একটি 'সহযোগী অ্যাপ্লিকেশন', যেমন Windows Media Player, ব্যবহার করে এই AVI ফাইলটি প্লে করবে:

উদাহরণ

<a href="movie.swf">Play a video file</a>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

ইনলাইন ভিডিও সম্পর্কে একটি মন্তব্য

যখন ভিডিও ওয়েবসাইটের মধ্যে অন্তর্ভুক্ত হয়, তখন তা ইনলাইন ভিডিও হিসাবে পরিচিত

যদি আপনি ইনলাইন ভিডিও ব্যবহার করতে চান, তবে আপনি উপলব্ধি করতে হবে যে অনেকেই ইনলাইন ভিডিওকে অসন্তুষ্ট করে মনে করেন

একইসঙ্গে, প্রত্যক্ষভাবে, ব্যবহারকারী ব্রাউজারের মধ্যে ইনলাইন ভিডিও বিকল্পটি বন্ধ করে থাকতে পারেন

আমাদের সর্বোত্তম পরামর্শ হল, যখনই ব্যবহারকারী ইনলাইন ভিডিও দেখতে চায়, তখনই তাদের সাথে থাকা উচিত।একটি ইতিবাচক উদাহরণ হল, যখন ব্যবহারকারী একটি ভিডিও দেখতে চায় এবং কোনও লিঙ্কে ক্লিক করে, তখন পৃষ্ঠা খুলে এবং ভিডিও প্লে করা হয়。

HTML 4.01 মাল্টিমিডিয়া ট্যাগ

ট্যাগ বর্ণনা
<applet> অনুমোদিত নয়এম্বেডড applet ডিফাইনিশন
<embed> অনুমোদিত নয়এম্বেডড অবজেক্ট ডিফাইনিশন (HTML5-এ অনুমদিত)
<object> এম্বেডড অবজেক্ট ডিফাইনিশন
<param> অবজেক্টের পারামিটার ডিফাইনিশন

HTML 5 মাল্টিমিডিয়া ট্যাগ

ট্যাগ বর্ণনা
<video> ট্যাগ ডিফাইনিশন সাউন্ড, যেমন সঙ্গীত বা অন্যান্য অডিও স্ট্রিম。
<embed> ট্যাগ ডিফাইনিশন এম্বেডড কনটেন্ট, যেমন প্লাগইন。