মোবাইল দিয়ে ওয়েব ডিজাইন শিখি (HTML Part – 11)

আজকে আলোচনা করবো Video Tag ও Audio Tag নিয়ে।

HTML প্রথম পর্ব

HTML দ্বিতীয়  পর্ব

HTML তৃতীয়  পর্ব

HTML চতুর্থ  পর্ব

HTML পঞ্চম পর্ব

HTML ৬ষ্ঠ পর্ব

HTML ৭ম পর্ব

HTML ৮ম পর্ব

HTML ৯ম পর্ব

HTML ১০ম পর্ব

Tag গুলোর বিস্তারিত আলোচনাঃ

Video Tag এর ব্যবহারঃ

ওয়েবসাইটে ভিডিও প্রদর্শন করানোর জন্য video tag ব্যবহার করা হয়। অনেক সাইটেই আছে যেখানে গেলে দেখা যায় ভিডিও প্লে হয়। এমন আপনিও আপনার সাইটে ভিডিও দেখাতে পারবেন এই ট্যাগটির মাধ্যমে।

চলুন দেখি কিভাবে করবো।

আজকের এই ভিডিও ট্যাগের ব্যবহার দেখবো spck editor এ তাই প্রথমে একটি প্রজেক্ট খুলতে হবে।
প্রজেক্ট খুলতে স্ক্রিনশট ফলো করি




এখানে যেকোন নাম দিয়ে প্রজেক্ট ক্রিয়েট করুন।

তারপর এমন একটা পেইজ শো হবে।

এটা html একটি ওয়েবসাইট হয়েছে। লোকাল সার্ভারে।

এখন আমরা এটাতে একটা ভিডিও আপলোড দিবো।
যাতে আউটপুটে প্রদর্শন করাতে পারি।
ভিডিও আপলোড করার জন্য নিচের স্ক্রিনশট ফলো করি।



যেকোন একটা mp4 format এ ফাইল সিলেক্ট,করি

এখন এই ফাইল্টার নাম চেইঞ্জ করে নিবো যাতে লিংক করতে সহজ হয়



এখন আমরা ভিডিও আউটপুটে প্রদর্শন করাবো।
তাই প্রথমে আমরা video start tag নিবো ও তার ভেতর control লিখে দিবো তারপর video end tag
লেখবো।
এখন আমাদের import করা ভিডিওটাকে শো করানোর জন্য আমাদের এই ভিডিও ট্যাগের ভেতর আরেকটি ট্যাগ নিতে হবে আর সেটি হল source ট্যাগ। source tag এর কোন end tag নেই তাই / চিহ্নের মাধ্যমেই শেষ করতে হবে।
এই source tag এর ভেতর একটি src attribute ও নিতে হবে যার value হবে ভিডিও লিংক।

এখানে আমরা import করা ভিডিও লিংক টা দিবো।


———-আউটপুট——–

ভিডিও ট্যাগ এর আরেকটি attribute আছে
width – height

——output——–

Audio Tag এর ব্যবহারঃ

ওয়েবসাইটে অডিও শুনানোর জন্য audio tag ব্যবহার করা হয়।
অডিও ট্যাগের ব্যবহার ভিডিও ট্যাগের মতই শুধু video এর জায়গায় audio লেখলেই হবে।

———আউটপুট——–

তো আজ এই পর্যন্তই।

আমার ফেসবুক আইডিঃ Tawhid Hridoy

লেখালেখি করে জিতে নিন পুরস্কারঃ BDBoighor.com

আমাদের ইউটিউব চ্যানেলঃ TipTop BD

যেকোন ধরনের Thumbnail, Logo, Photo Editing, Wapkiz Web design ইত্যাদি করাতে চাইলে ইনবক্স করুন আমাদের ফেসবুক পেইজে।