এইচটিএমএল ভিডিও - HTML5 Vedio



নিচে ওয়েব পেজে একটি ভিডিও উইন্ডো দেখুন।




এইচটিএমএল ৫ এ ভিডিও চালানো

এইচটিএমএল ৫ এর পূর্বে প্লাগ-ইন যেমন - ফ্ল্যাশ, ব্যবহার করে ব্রাউজারে ভিডিও চালানো হতো। কিন্তু বর্তমানে আমরা এইচটিএমএল ৫ এর <vedio> ট্যাগ ব্যবহার করে সরাসরি ব্রাউজারের ভিডিও চালাতে পারি।


ব্রাউজার সাপোর্ট

টেবিলে প্রদর্শিত সংখ্যাগুলো ব্রাউজারের প্রথম ভার্সন নির্দেশ করে যেগুলো সম্পূর্ণ ভাবে <vedio> এলিমেন্ট সমর্থন বা support করে।

এলিমেন্ট
<video> ৪.০৯.০৩.৫৪.০১০.৫


এইচটিএমএল <vedio> এলিমেন্ট

ওয়েব পেজে কোন ভিডিও প্রদর্শন করতে চাইলে এইচটিএমএল ৫ এর <vedio> ট্যাগ ব্যবহার করতে হবে।

উদাহরণ

<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>


ব্যাখ্যা

<controls> এট্রিবিউটটি ভিডিও চালু করা, বন্ধ করা এবং ভলিউম নিয়ন্ত্রন করার জন্য ব্যবহার করা হয়। height এবং width এট্রিবিউট সবসময় ব্যবহার করা উচিৎ। এই এট্রিবিউটগুলো ব্যবহার না করলে ভিডিও লোড হওয়ার পর পেজের গঠন বা layout পরিবর্তন হয়ে যাবে।
যে সকল ব্রাউজারে <video> এলিমেন্ট সাপোর্ট করে না, ঐ সকল ব্রাউজারে <video> এবং </video> এর মাঝের লেখা বা text প্রদর্শন করবে।
একাধিক <source> এলিমেন্টের মাধ্যমে একাধিক ভিডিও ফাইল যুক্ত করা যায়। ব্রাউজার প্রথমে সাপোর্টেড যে ফর্ম্যাটটি পাবে সেটাই প্রদর্শিত হবে।


autoplay এট্রিবিউট

স্বয়ংক্রিয়ভাবে কোন ভিডিও চালু করার জন্য autoplay এট্রিবিউট ব্যবহার করা হয়। যে সকল ভিডিও ট্যাগে autoplay এট্রিবিউট ব্যবহার করা হয় সে সকল ভিডিও তে ব্যবহারকারী বা user এর কোনো নিয়ন্ত্রন থাকে না। আর ওয়েব পেজ সম্পূর্ণ লোড হওয়ার সাথে সাথে ভিডিওটি স্বয়ংক্রিয়ভাবেই চালু হয়ে যায়। নিচে একটি উদাহরণ দেখুন।

উদাহরণ

<video width="320" height="240" autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>


নোট - ipad ও iphone এর মত মোবাইল ডিভাইসে autoplay এট্রিবিউট কাজ করে না।


এইচটিএমএল ভিডিও - ব্রাউজার সমর্থন

এইচটিএমএল ৫ া, ৩টি ভিডিও ফরম্যাট সমর্থন বা support করে, এগুলো হল - MP4, WebM এবং Ogg.
নিচের টেবিলে দেখুন, বিভিন্ন ব্রাউজারের কোন কোন ভার্সনে কনকন ভিডিও ফরম্যাট সমর্থন বা support করে।

ব্রাউজারMP4WebMOgg
Internet Explorerসমর্থন করেসমর্থন করে নাসমর্থন করে না
Chromeসমর্থন করেসমর্থন করেসমর্থন করে
Firefoxসমর্থন করেসমর্থন করেসমর্থন করে
Safariসমর্থন করেসমর্থন করে নাসমর্থন করে না
Operaসমর্থন করে ( Opera 25 ভার্সন থেকে)সমর্থন করেসমর্থন করে


এইচটিএমএল ভিডিও - মিডিয়া টাইপ

ফাইল ফরম্যাটমিডিয়া টাইপ
MP4video/mp4
WebMvideo/webm
Oggvideo/ogg


এইচটিএমএল ভিডিও ট্যাগ

ট্যাগ বর্ণনা
<video> যে কোনো ধরনের ভিডিও বা চলচ্চিত্র ডিফাইন করে।
<source> <video> এবং <audio> ট্যাগের জন্য মিডিয়া ফাইলের উৎস ডিফাইন করে।
<track> মিডিয়ার জন্য সাব-টাইটেল অথবা যে কোনো ধরনের টেক্সট(পড়ার উপযুক্ত) ডিফাইন করে।







এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Copyright 2016-2018 by websschool.com, All Rights Reserved.