ব্লগার পোস্টে কিভাবে অটো-প্লে ইউটিউব ভিডিও যুক্ত করবেন?

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

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

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

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

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

 

আপনার জন্য আরো কিছু পোস্ট:

ইউটিউব ভিডিও এর এইচটিএমএল Embed কোড কিভাবে কপি করবেন?

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

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

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

Start At: এই বিকল্পটি আপনাকে ভিডিওটি যেখানে আপনি চান সেখান থেকে দেখতে দেয় এর জন্য আপনি সময় নিতে পারেন।

Show Player Control: দর্শকদের ভিডিও দিতে এই বিকল্পটি চালু করুন Play, Pause, Forward, Background, Full-screen বিকল্পগুলি এখানে উপলব্ধ এটা।

Enable privacy-enhanced mode: আপনি যখন এই বিকল্পটি চালু করেন তখন YouTube যতক্ষণ না দর্শক ভিডিওটি প্লে করে ততক্ষণ দর্শক ভিডিওটি চিনতে পারবে না। GDPR বাড়ানোর জন্য নীতিমালা যুক্ত করা হয়েছে।

Video Size: এই বিকল্পটি আপনাকে নির্ধারণ করতে দেয় যে আপনি আপনার পোস্টে কোন সাইজের ভিডিও রাখতে চান?

কাস্টমাইজ করার পরে, আপনাকে কোডটি কপি করে রাখতে হবে।

ব্লগার পোস্টে কিভাবে অটো-প্লে ইউটিউব ভিডিও যুক্ত করবেন?

How To Add Autoplay YouTube Videos on Blogger Post

এখন প্রথমে যে পোস্টটি তে ইউটিউব ভিডিও Embed  করতে চান সেই পোস্টটি অপেন করতে হবে এবং তারপরে <> পোস্ট ভিউতে ক্লিক করে HTML view ভিউতে ক্লিক করতে হবে। কারণ আমাদের কাছে যে কোডটি রয়েছে তা এইচটিএমএল কোড। এটি এর পরে, আপনি আপনার পোস্টে যে যায়গায় বসাতে চান সেখানে পেস্ট করুন।

উইজেট মেনু ভিডিও কিভাবে যোগ করে?

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

ভিডিও  অটোপ্লে অপশন চালু করতে কি লাগে?

AutoPlay বিকল্পটি YouTube এম্বেড স্ক্রিপ্টে ডেফল্ট ভাবে থাকে না। আপনার ইউটিউব ভিডিও অটোপ্লে করতে চাইলে এর জন্য আপনাকে কোডে কিছু কাস্টমাইজেশন করতে হবে। আপনাকে ভিডিও আইডির পাশে নিচের কোডটি যুক্ত করতে হবে। অথবা নিচের কোডটি কপি করে পেস্ট করে দিলেই হবে।

Add Code After Your Video Id-?autoplay=1&mute=1

<iframe id=”iframeID” width=”560″ height=”315″ src=”https://www.youtube.com/embed/Yourvideoid?autoplay=1&mute=1” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>

মোবাইল মোডে  অটোপ্লে করতে কি লাগে?

উপরের স্ক্রিপ্টের সাহায্যে আপনি কেবল কম্পিউটারে অটোপ্লে সেট করতে পারেন। তবে আপনি চাইলে মোবাইলেও অটোপ্লে সেট করতে চান। এর জন্য, আপনি নিচের কোডটি ব্যবহার করতে পারেন।

স্ক্রিপ্টটি ভিডিও আইডির পরিবর্তে এইচটিএমএল ভিউ এবং আপনার ভিডিওটি যুক্ত করতে হবে। আইডি যোগ করতে হবে।

<!– 1. The <iframe> (video player) will replace this <div> tag. –>
<div class=”iframe-container”>
<div id=”player”></div>
</div>
<script>
// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement(‘script’);

tag.src = “https://www.youtube.com/iframe_api”;
var firstScriptTag = document.getElementsByTagName(‘script’)[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player(‘player’, {
width: ‘100%’,
videoId: ‘YOUR_VIDEO_ID’,
playerVars: { ‘autoplay’: 1, ‘playsinline’: 1 },
events: {
‘onReady’: onPlayerReady
}
});
}

// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
event.target.mute();
event.target.playVideo();
}
</script>

<style>
/* Make the youtube video responsive */
.iframe-container{
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
}
.iframe-container iframe{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
</style>

ব্যাস আপনার YouTube ভিডিও সম্পূর্ণরূপে Embed হয়েছে যদি আপনি সমস্ত পদক্ষেপ সঠিকভাবে  গ্রহণ করেন। অনুগ্রহ করে আপনার ব্লগে YouTube Play বাটনে ক্লিক করে এটি পরীক্ষা করুন।

শেষ কথা

আপনার ব্লগিং ক্যারিয়ারকে আরো সহজ করতে নিয়মিত BloggersBD24.com ভিজিট করুন এবং আমাদের ফেসবুক গ্রুপে  অভিজ্ঞ ব্লগারদের সাথে যুক্ত হউন।

এতে করে ব্লগিং এ যে কোন সমস্যা গ্রুপে পোস্ট করে সমাধান নিতে পারবেন এবং অনেক কিছু অন্যদের কাছ থেকে শিখতে পারবেন।

আজকের মত এখানেই বিদায় নিচ্ছি, দেখা হবে পরবর্তি অন্য কোন আর্টিকেলে।
আল্লাহ হাফেজ।

1 Comment

Leave a Reply

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