এইচটিএমএল ইউটিউব - HTML5 Youtube



এইচটিএমএলে পেজে ভিডিও চালু করার জন্য সবচেয়ে সহজ পদ্ধতি হলো ইউটিউব ব্যবহার করা।


ভিডিও ফরম্যাট নিয়ে ঝামেলা?

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


ইউটিউব ভিডিও আইডি

যখন ইউটিউবে ভিডিও চালু করা বা সংরক্ষন করা হয়, তখন ইউটিউব একটি আইডি যেমন - awEbss49QWa, ইউটিউবের লিংকের পরে প্রদর্শন করে। এই আইডি ব্যবহার করে ওয়েব পেজের এইচটিএমএল কোডে ভিডিওটি লিংক করে দেয়া যায়।


এইচটিএমএল পেজে ইউটিউব ভিডিও চালানো

ওয়েব পেজে ইউটিউব ভিডিও চালানোর জন্য, নিচের কাজগুলো করতে হবে -

ইউটিউবে ভিডিও আপলোড করতে হবে,
ভিডিওর আইডি টি নোট করুন,
ওয়েব পেজে একটি <iframe> এলিমেন্ট নির্ধারণ করতে হবে,
src এট্রিবিউটে ভিডিওর URL নির্ধারণ করতে হবে,
ভিডিওটির চালানোর জন্য width এবং height এট্রিবিউট ব্যবহার করে আয়তন নির্দিষ্ট করে দিতে হবে,
নিম্নের মত URL-এ অন্যান্য প্যারামিটার গুলো সঠিক ভাবে যুক্ত করতে হবে।

ifrem ব্যবহার করে উদাহরণ

<iframe width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY"> </iframe>




ইউটিউব অটোপ্লে

একজন ব্যবহারকারী যখন ওয়েব পেজ ভিজিট করবে তখন ভিডিও স্বয়ংক্রিভাবে চালু করার জন্য শুধুমাত্র ইউটিউব এর URL এ একটি প্যারামিটার যুক্ত করা হয়।
Autoplay এট্রিবিউটের মানগুলো নিম্নরূপ -

0 মানের জন্য - যখন প্লেয়ার লোড হবে তখন ভিডিওটি স্বয়ংক্রিয়ভাবে চালু হবে না। এটি স্বয়ংক্রিয় বা default মান।
1 মানের জন্য - প্লেয়ার লোড হওয়ার সাথে সাথে ভিডিওটি স্বয়ংক্রিয়ভাবে চালু হবে।

উদাহরণ

<iframe width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1"> </iframe>


নোট - কোন ওয়েব সাইটে স্বয়ংক্রিয়ভাবে ভিডিও চালু করার ব্যাপারে সতর্ক থাকুন। কারণ স্বয়ংক্রিয়ভাবে একটি ভিডিও শুরু হলে পেজের ভিজিটর বিরক্ত হতে পারে।


ইউটিউব - প্লে-লিস্ট

মূল URL ছাড়াও একটি কমা দ্বারা পৃথক ভিডিও তালিকা তৈরি করা যায়।


ইউটিউব - লুপ

একই পদ্ধতিতে ইউটিউবের প্লে-লিস্ট এম্বেড করা যায়। কোন একটি ভিডিও কতবার চলবে তা নির্ধারণ করার জন্য loop এট্রিবিউট ব্যবহার করা যায়।
loop এট্রিবিউটের মানগুলো হল নিম্নরূপ -

0 মানের জন্য - ভিডিওটি শুধুমাত্র একবার চলবে। এটি স্বয়ংক্রিয় বা default মান।
1 মানের জন্য - ভিডিও লুপ হবে অর্থাৎ ভিডিওটি চলতেই থাকবে।

উদাহরণ

<iframe width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1"> >/iframe>




ইউটিউব - কন্ট্রোল প্যানেল

ভিডিও নিয়ন্ত্রন বা cotrol করতে এটি ব্যবহৃত হয় এবং এই প্যানেলটিকে নিয়ন্ত্রন করতে controls এট্রিবিউট ব্যবহার করা হয়।
controls এট্রিবিউটের মানগুলো হল নিম্নরূপ -

1 মানের জন্য - ভিডিওর প্লেয়ার নিয়ন্ত্রণ প্যানেল প্রদর্শন করে। এটি স্বয়ংক্রিয় বা default মান।
0 মানের জন্য - ভিডিওর প্লেয়ার নিয়ন্ত্রণ প্যানেল প্রদর্শন করে না।

উদাহরণ

<iframe width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0"> </iframe>




<object> অথবা <embed> এলিমেন্টের ব্যবহার

<object> এবং <embed> ট্যাগ ব্যবহার করে ওয়েব পেজে ইউটিউব ভিডিও প্লে করতে পারবেন তবে ইউটিউব জানুয়ারী ২০১৫ থেকে এই দুইটি ট্যাগের ব্যবহার ডেপ্রিসিয়েটেড বা deprecated ঘোষনা করেছে। ওয়েব পেজে ইউটিউব ভিডিও লিংক করতে এই দুইটি ট্যাগের পরিবর্তে <iframe> ব্যবহার করা ভাল। <object> অথবা <embed> এলিমেন্ট ব্যবহার করে নিচে উদাহরণ দেখুন।

উদাহরণ - <object> ব্যবহার

<object width="420" height="315" data="https://www.youtube.com/embed/tgbNymZ7vqY"> </object>



উদাহরণ - <embed> ব্যবহার

<embed width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY">









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

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