HTML YouTube Videos
HTML এ ভিডিও চালানোর সবচেয়ে সহজ উপায় হল YouTube ব্যবহার করা।
ভিডিও ফরম্যাট নিয়ে সমস্যা হচ্ছে?
ভিডিওগুলিকে বিভিন্ন ফরম্যাটে রূপান্তর করা কঠিন এবং সময়সাপেক্ষ।
একটি সহজ সমাধান হল YouTube-কে আপনার ওয়েব পৃষ্ঠায় ভিডিও প্লে করতে দেওয়া।
ইউটিউব ভিডিও সনাক্তকরণ
আপনি যখন একটি ভিডিও সংরক্ষণ করেন (বা চালান), তখন YouTube একটি আইকন প্রদর্শন করে (যেমন tgbNymZ7vqY)।
আপনি এই ট্যাগ ব্যবহার করে HTML কোডে আপনার ভিডিও উল্লেখ করতে পারেন।
YouTube URL: https://www.youtube.com/watch?v=tgbNymZ7vqY
Embed URL: https://www.youtube.com/embed/tgbNymZ7vqY
HTML এ একটি YouTube ভিডিও চালানো হচ্ছে
একটি ওয়েব পৃষ্ঠায় আপনার ভিডিও চালাতে, এই পদক্ষেপগুলি অনুসরণ করুন:
- ইউটিউবে ভিডিও আপলোড করুন
- ভিডিও আইডি নোট করুন
- আপনার ওয়েব পৃষ্ঠায় একটি
<iframe>উপাদান সংজ্ঞায়িত করুন srcভিডিও ইউআরএলে অ্যাট্রিবিউট পয়েন্ট করা যাক- ড্রাইভের মাত্রা নির্দিষ্ট করতে
widthএবংheightগুণাবলী ব্যবহার করুন - ইউআরএলে অন্যান্য প্যারামিটার যোগ করুন (নীচে দেখুন)
উদাহরণ
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>YouTube অটো প্লে + অক্ষম করুন
YouTube URL-এautoplay=1যোগ করার মাধ্যমে, আপনার ভিডিও স্বয়ংক্রিয়ভাবে চলতে শুরু করবে যখন একজন ব্যবহারকারী পৃষ্ঠাটি পরিদর্শন করবে। যাইহোক, একটি ভিডিও স্বয়ংক্রিয়ভাবে শুরু করা আপনার দর্শকদের বিরক্তিকর হতে পারে!
দ্রষ্টব্য:
Chromium ব্রাউজারগুলি বেশিরভাগ ক্ষেত্রে স্বয়ংক্রিয় সক্রিয়করণের অনুমতি দেয় না। যাইহোক, অক্ষম স্বয়ংক্রিয় অপারেশন সবসময় অনুমোদিত.
আপনার ভিডিও স্বয়ংক্রিয়ভাবে চালানোর জন্য (কিন্তু অক্ষম)autoplay=1পরেmute=1যোগ করুন
YouTube - অটো প্লে + অক্ষম করুন
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>ইউটিউব তালিকা
প্লে করার জন্য ভিডিওগুলির একটি কমা দ্বারা পৃথক করা তালিকা (মূল URL ছাড়াও)।
ইউটিউব রিপ্লে
আপনার ভিডিও চিরতরে পুনরাবৃত্তি চালিয়ে যেতেplaylist=videoIDএবংloop=1যোগ করুন
loop=0(ডিফল্ট) - ভিডিও শুধুমাত্র একবার প্লে হবে।loop=1- ভিডিও বারবার প্লে হবে (চিরকালের জন্য)।
YouTube - চিরতরে লুপিং
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>YouTube বিধিনিষেধ
ভিডিও প্লেয়ারে নিয়ন্ত্রণ প্রদর্শন না করার জন্যcontrols=0যোগ করুন
controls=0- ড্রাইভার নিয়ন্ত্রণ প্রদর্শিত হয় না.controls=1(ডিফল্ট) - ড্রাইভার নিয়ন্ত্রণ প্রদর্শিত হয়।
YouTube - বিধিনিষেধ
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>YouTube URL প্যারামিটার
autoplay
ভিডিওটি অটোপ্লে করুন
0- না (ডিফল্ট)
1- হ্যাঁ
mute
ভিডিওটি বন্ধ করুন
0- না (ডিফল্ট)
1- হ্যাঁ
controls
ড্রাইভার নিয়ন্ত্রণ দেখান
0- লুকাও
1- দেখান (ডিফল্ট)
loop
ভিডিওটি আবার চালান
0- একবার (ডিফল্ট)
1- পুনঃসঞ্চালন
rel
সম্পর্কিত ভিডিও দেখান
0- লুকাও
1- দেখান (ডিফল্ট)
modestbranding
YouTube লোগো ছোট করুন
0- ডিফল্ট
1- কম লোগো
URL প্যারামিটার যোগ করা হচ্ছে:
একাধিক পরামিতি একত্রিত করতে,&প্রতীক ব্যবহার করুন:
?autoplay=1&mute=1&controls=0&loop=1
সম্পূর্ণ উদাহরণ
YouTube ভিডিও এম্বেডিং - সম্পূর্ণ উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>YouTube Video Example - Jassif Team</title>
</head>
<body>
<h1>HTML YouTube Video Embedding</h1>
<!-- YouTube Video with Parameters -->
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=0&mute=0&controls=1&loop=0"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</body>
</html>