ওয়েবসাইটে Youtube ভিডিও অ্যাড করবো কিভাবে

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

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

ওয়েবসাইটে Youtube ভিডিও অ্যাড এর 1:30m এর ভিডিও টিউটোরিয়াল দেয়া হল নিচে । আর এর নিচে আমরা টেক্সট বেজড টিউটোরিয়াল ও দিয়েছি

ওয়েবসাইটে Youtube ভিডিও অ্যাড করার জন্য প্রথমে Youtube এ প্রবেশ করুন। Youtube এ প্রবেশ করার পর এবার যে ভিডিও ওয়েবসাইটে অ্যাড করবেন সেটি ওপেন করুন। Youtube ভিডিও ওপেন করার পর ভিডিওর নিচের দিকে SHARE লেখা অপশন দেখা যাবে।এবার নিচের অংশে দেখুন।

 

open video

open video

ঠিক ছবিটির উপরের অংশে লাল মার্ক করা SHARE লেখা অপশনের মতো। এবার লাল মার্ক করা SHARE এ ক্লিক করলে নিচের দিকে নতুন একটি অংশ ওপেন হবে এবং  নিচের দিকে লাল মার্ক করা EMBED লেখা অপশন দেখা যাবে। সেই অপশনে ক্লিক করুন। ক্লিক করার পর আপনার সামনে নিচের মতো আর একটি অংশ ওপেন হবে।

open embed

open embed

এরপর আপনি উপরের ছবিটির ডান পাশে বেশ কিছু অপশন দেখতে পাবেন। এবার সেখান থেকে লাল মার্ক করা অংশটি কপি করুন। কপি করার পর Youtube ভিডিও ওয়েবসাইটে অ্যাড করার জন্য আপনার HTML কোড এডিটরে যান। এবার একটি Div Tag নিয়ে তার সাথে একটি আইডি কিংবা ক্লাস দিয়ে দিন।

<div class="youtube">
 <iframe width="560" height="315" src="https://www.youtube.com/embed/p4osXU7INak" frameborder="0" allowfullscreen></iframe>
</div>

এবার আমরা EMBED থেকে যে অংশটি কপি করেছি, সেটি div ট্যাগের মধ্যে Paste করে দিন এবং সেভ করে নিন আপনার ওয়েব পেজ ।  এখন যেকোন ব্রাউজারে কোডগুলো রান করলে নিচের ছবিটির মতো দেখা যাবে।

html video

HTML video

উপরের অংশে শুধু ইমেজ ব্যবহার করা হয়ে বিধায় ভিডিও প্লে হবে না। তবে আপনার ক্ষেত্রে ব্রাউজারে কোডগুলো রান করলে ভিডিও অ্যাড হবে এবং প্লে করে দেখা যাবে।

Related Post

html img tag কিভাবে ব্যাবহার করবেন... Web Page এ ছবি নিয়ে আসবার জন্য আমাদের img tag টি ব্যবহার করতে হয় html code এ । html5 standard এ img tag এর দুটি attribute থাকতেই হবে, আর তারা হচ্ছে, s...
HTML p ট্যাগ ও p ট্যাগের ব্যবহার... সাধারণত HTML p ট্যাগ কোন সাইটে লেখা প্রকাশ করার ক্ষেত্রে ব্যবহার করা হয়ে থাকে। p tag আসলে paragraph represent করে ।  যেমন অনেক সাইটে কন্টেন কিংবা আর্ট...
html link বা a tag এর ব্যবহার... Link অর্থ যুক্ত করা। আর একটি ওয়েব পেজের সাথে আরও একটি পেজকে যুক্ত করাই হচ্ছে link এর মূল কাজ।  যেকোন ওয়েব পেজে link করার জন্য a tag, যাকে anchor ট্যাগ...
HTML এ বাংলা লিখবো কিভাবে... HTML এ বাংলা লিখলেই বাংলা আসেনা অনেক ওয়েব ব্রাউজারে কারন আমরা ওয়েব পেজে যে বাংলা লিখি সেটি ইউনিকোড ভিত্তিক । বাংলা লিখবার জন্য আসলে html এ character s...
HTML title ট্যাগ ও title ট্যাগের ব্যবহার... একটি ওয়েবপেজ তৈরি করার সময় HTML Page এ title বা শিরোনাম  দেয়ার প্রয়োজন হয় এবং এটি থাকে সবার উপরে ট্যাব এর নাম আকারে এর সঠিক ব্যবহারে আপনার কন্টেন্ট গ...
Html দিয়ে কিভাবে Table তৈরি করবেন... HTML Table সাধারণত একটি ওয়েবপেজে ব্যাবহার করা হয়। Table ব্যাবহার করে আমরা অনেক ডাটা কলাম সারিবব্ধ ভাবে সাজাতে পারি। এইচটিএমএল টেবিল তৈরি করার আগে আপনা...
aside ট্যাগ ও HTML aside ট্যাগের ব্যবহার... aside ট্যাগ কোন ডকুমেন্ট এর সাথে রিলেটেড বিষয় গুলকে আলাদা রাখবার জন্য ব্যবহার হয়। এক কথায় কোন প্রবন্ধ বা আটিকেল এর সাথে সম্পর্ক যুক্ত বিষয় গুল একটু সা...
এইচটিএমএল ট্যাগ লিস্ট HTML5 tag list... HTML5 ট্যাগ লিস্টে আমরা তুলে ধরেছি সবগুলো HTML ট্যাগ  এর নাম ও এদের হালকা বিবরনি । ধিরে ধিরে আমরা তুলে ধরছি এদের বিস্তারিত ব্যবহার এই এইচটিএমএল ট্যাগ ...
HTML iframe ট্যাগ ও iframe ট্যাগের ব্যবহার... সাধারণত iframe ট্যাগ ব্যবহার করে একটি ওয়েবসাইটের মধ্যে অন্য একটি ওয়েবসাইট কিংবা ওয়েবপেজ ভিউ করানো হয়ে থাকে। ধরুন, আপনি কোন একটি ওয়েবসাইট অন্য কোন ওয়েব...
ওয়েবসাইটে গুগল ম্যাপ যোগ করবো কিভাবে... অনেক সময় কিছু কিছু ওয়েবসাইটে ভিজিট করার সময় আমরা Google Map দেখে থাকি। আমরা অনেকেই জানি Google Map ব্যবহার করে রোড়ম্যাপ, লোকেশন ট্র্যাক সহ অনেক ধরনের ...

You may also like...

2 Responses

  1. Nisan বলেছেন:

    WordPress এ অ কি একি ভাবে ইউটিউব ভিডিও নেয়া যাবে?

মন্তব্য করুন

আপনার ই-মেইল এ্যাড্রেস প্রকাশিত হবে না। * চিহ্নিত বিষয়গুলো আবশ্যক।