HTML video ট্যাগ ও HTML video ট্যাগের ব্যবহার

সাধারণত HTML Video ট্যাগ ভিডিও, যেমন একটি মুভি বা অন্যান  ভিডিওগুলোকে ওয়েব সাইটে প্রর্দশন করবার জন্য ব্যবহৃত হয় । আপনি হয়ত লক্ষ করে থাকবেন, অনেক সময় কিছু কিছু ওয়েবসাইটে ভিজিট করলে ভিডিও দেখা যায়। সে ভিডিওগুলো প্রর্দশনের জন্য সাধারণত HTML video ট্যাগ ইউজ করা হয়। এর ফলে আপনি যেকোন ধরনের ভিডিও ওয়েবপেজ প্রর্দশন করার সময় দেখতে পারবেন ।  নিচের অংশে দেখে নেওয়া যাক, কিভাবে ওয়েব পেজ html video tag ব্যবহার করতে হয় এই বিষয়ে ।

আমরা আগের পোস্টে আলোচনা করেছি, html5 এর বেশ কিছু ট্যাগ এর ব্যবহার সম্পর্কে । আজকে তারই ধারাবাহিকতায় আমরা আলোচনা করবো, html5 video tag এর ব্যবহার ।

HTML video ট্যাগের ব্যবহার

নিচের অংশে HTML video tag কোডের মার্কআপ দেখানো হল । আপনি নিচের নিয়ম অনুসারে HTML video tag ব্যবহার করতে পারতেন ।

<video width="400" height="280" controls>
     <source src="video/wordpress.mp4" type="video/mp4">
     <source src="video/wordpress.mp4" type="video/mp4">
</video>

উপরের প্রথম অংশে video ট্যাগ দেয়া আছে। এরপর width, height ব্যবহার করা হয়েছে এবং তার নিচে source ট্যাগ দেয়া আছে। আপনি যে ফোল্ডারের মধ্যে video রেখেছেন। সেটি src এর মধ্যে বসিয়ে দিন। যেমন, video/wordpress.mp4 দেয়া আছে।

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

ইমেজ ইনসার্ট এবং ফাইল পাথ সম্পর্কে :

এবার video টাইপ দিতে হবে। যেমন, আপনার ভিডিও mp4 না ogg তা দেখিয়ে দিতে হবে। তবে আমরা রিকমেন্ড করবো আপনি mp4 Format এর ভিডিও ব্যবহার করুন কারন এই ফরমেট টি সব মর্ডান ওয়েব ব্রাউজার ই সাপোর্ট করে

এরপর যেকোন ব্রাউজারে রান করলে নিচের ছবিটির মতো দেখা যাবে।

video tag

video tag

উপরের ছবিটিতে দেখুন। সেখানে html video ট্যাগ ব্যবহার আমরা ভিডিও অ্যাড করেছি । আপনি আপনার ক্ষেত্রে অন্য ভিডিও অ্যাড করতে পারবেন ।

আরো বিস্তারিত আকারে জানতে দেখে নিতে পারেন আমাদের ভিডিও টিউটোরিয়াল টি ও

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

error: Content is protected !!