ট্যাগ ভিডিও
ট্যাগ video HTML পৃষ্ঠায় ভিডিও যোগ করতে দেয়।
এর সাহায্যে এই ভিডিওটি নিয়ন্ত্রণ করাও সম্ভব।
ভিডিও ফাইলের পথ নির্দিষ্ট করা হয়
অ্যাট্রিবিউট src বা নেস্টেড ট্যাগ source এর মাধ্যমে।
আপনি যদি প্লেব্যাক নিয়ন্ত্রণের জন্য একটি প্লেয়ার দেখতে চান
ভিডিও - অ্যাট্রিবিউট controls যোগ করা উচিত।
এটি ছাড়া আপনি কিছুই দেখতে পাবেন না - শব্দ এবং ছবি
সেক্ষেত্রেও থাকবে না।
কখনও কখনও সাইটে সরাসরি ভিডিও হোস্ট করা
খুব সুবিধাজনক নয় (উদাহরণস্বরূপ, আপনার হোস্টিংয়ের
সাইটের আকার সীমাবদ্ধতা আছে)। এই ক্ষেত্রে
ভিডিওটি YouTube-এ আপলোড করা যেতে পারে এবং সংযুক্ত করা যেতে পারে
ট্যাগ iframe ব্যবহার করে।
অ্যাট্রিবিউটসমূহ
| অ্যাট্রিবিউট | বর্ণনা |
|---|---|
src |
ভিডিও ফাইলের পথ নির্দেশ করে।
তবে এর জন্য ট্যাগ source ব্যবহার করা ভাল
(এই ক্ষেত্রে বিভিন্ন ফরম্যাটে ভিডিও নির্দিষ্ট করা সম্ভব হবে)।
|
preload |
ওয়েবসাইট পৃষ্ঠা লোড হওয়ার সাথে সাথে ভিডিও ফাইল লোড করতে ব্যবহৃত হয়।
গৃহীত মানসমূহ: none (ফাইল লোড করবে না, ডিফল্ট),
metadata (শুধুমাত্র পরিষেবা তথ্য লোড করুন: সময়কাল ইত্যাদি),
auto (HTML পৃষ্ঠা লোড করার সময় সম্পূর্ণ ভিডিও লোড করুন)।
|
autoplay |
পৃষ্ঠা লোড হওয়ার পরেই শব্দ বাজতে শুরু করে,
এই ক্ষেত্রে preload অ্যাট্রিবিউটের উপস্থিতি উপেক্ষা করা হবে।
মানবিহীন অ্যাট্রিবিউট। |
controls |
ভিডিওতে একটি নিয়ন্ত্রণ প্যানেল যোগ করে।
মানবিহীন অ্যাট্রিবিউট। ডিফল্টভাবে (যদি অ্যাট্রিবিউট না থাকে) কোন প্যানেল যোগ করা হয় না। |
loop |
অডিও রেকর্ডিংটি "চক্রাকারে" পুনরাবৃত্তি করে:
সমাপ্তির পরে এটি আবার বাজানো শুরু করবে।
মানবিহীন অ্যাট্রিবিউট। ডিফল্টভাবে (যদি অ্যাট্রিবিউট না থাকে) রেকর্ডিংটি শুধুমাত্র 1 বার বাজবে।
|
poster |
যে ছবির পথটি ভিডিওটি না পাওয়া গেলে বা না বাজানো হলে প্রদর্শিত হবে।
যদি poster অ্যাট্রিবিউট নির্দিষ্ট না করা থাকে, ব্রাউজার ভিডিওর প্রথম ফ্রেমটি প্রদর্শনের চেষ্টা করবে।
|
height |
অ্যাট্রিবিউট height ভিডিও প্লেব্যাক এরিয়ার উচ্চতা নির্ধারণ করে (পিক্সেলে
বা শতাংশে)।
ভিডিওটি নিজেই নির্দিষ্ট উচ্চতার সাথে খাপ খাইয়ে নিয়ে তার আকার বড় বা ছোট করে,
তবে এর অনুপাত এই ক্ষেত্রে পরিবর্তিত হয় না।
ডিফল্ট মান: ভিডিওর প্যারামিটার থেকে উচ্চতা নেওয়া হয়, যদি এই মানটি উপলব্ধ না হয়, তখন height অ্যাট্রিবিউটের মান
poster অ্যাট্রিবিউটের ছবির উচ্চতার সমান বলে বিবেচিত হয়।
যদি posterও নির্দিষ্ট না করা থাকে - উচ্চতা
150 পিক্সেলে সেট করা হয়।
|
width |
অ্যাট্রিবিউট width ভিডিও প্লেব্যাক এরিয়ার প্রস্থ নির্ধারণ করে (পিক্সেলে
বা শতাংশে)।
ভিডিওটি নিজেই নির্দিষ্ট প্রস্থের সাথে খাপ খাইয়ে নিয়ে তার আকার বড় বা ছোট করে,
তবে এর অনুপাত এই ক্ষেত্রে পরিবর্তিত হয় না।
ডিফল্ট মান: ভিডিওর প্যারামিটার থেকে প্রস্থ নেওয়া হয়, যদি এই মানটি উপলব্ধ না হয়, তখন width অ্যাট্রিবিউটের মান
poster অ্যাট্রিবিউটের ছবির প্রস্থের সমান বলে বিবেচিত হয়।
যদি posterও নির্দিষ্ট না করা থাকে - প্রস্থ
150 পিক্সেলে সেট করা হয়।
|
উদাহরণ . সাইটের পৃষ্ঠায় প্লেয়ার
আসুন পৃষ্ঠায় একটি ভিডিও প্লেয়ার যোগ করি।
যেসব ব্রাউজার সমর্থন করে না তাদের জন্য
ট্যাগ video একটি বিশেষ বার্তা
রেখে দেওয়া হয়েছে:
html<video src="moovie.mp4" controls>
আপনার ব্রাউজার HTML5-এ ভিডিও সমর্থন করে না।
</video>
উদাহরণ .
আসুন video ট্যাগের জন্য
source ট্যাগ যোগ করি:
html<video>
<source src="moovie.mp4" controls>
আপনার ব্রাউজার HTML5-এ ভিডিও সমর্থন করে না।
</video>