How to Create YouTube Video Timestamp Generator

Hey guys!Welcome To CastelBD.

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

ইউটিউব অ্যাপ দিয়ে ক্লিপ এর সময়সীমা নির্দিষ্ট করে দিয়ে শেয়ার করা যায়।আপনি যদি একজন ব্লগার হয়ে থাকেন,তবে আপনি হয়তো ইতোমধ্যে গুগলে অনেক খুজাখুজি করছেন,How to create YouTube Video Timestamp Generator Tool in Blogger । যদি ইতোমধ্যে টুলটি আপনার সাইটে ইন্সটল না করে থাকেন,তবে এই পোস্টটি আপনার জন্য।কারণ,আজকে আমি দেখাবো কিভাবে আপনি আপনার ব্লগার ওয়েবসাইটে একটি ইউটিউব ভিডিও টাইমস্টাম্প জেনারেটর টুল বানাবেন।

How to make Youtube Video Timestamp Generator Tool in Blogger

So, to create YouTube Video Timestamp Generator Tool on blogger you need to follow the following process below precisely.  What's more, with the help of these steps, you can easily make this tool in your blogger website.

What's more, with the help of these steps, you can easily make this tool in your blogger website.

Step 1

<style>

/* YouTube Video Timestamp Generator Tool By CastleBD */

.Tbody{background:#fff;border-radius:10px;padding:25px;width:330px;box-shadow:0 0 10px #000;margin:auto}

.Tbody i,.Tbody span{margin:0 5px 0 5px}

.Tbody input{font-size:17px;padding:12.5px 10px}

.Tbody textarea{font-size:17px;padding:10px;max-height:120px;background:#fff;border:1.3px solid #000;border-radius:5px;color:#000;width:100%;margin:5px 0 5px 0;outline:none}

.Tbody button{background:linear-gradient(to right,#cc2b5e,#753a88);font-size:16px;color:#fff;padding:15px;border:none;box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);transition:all 0.3s cubic-bezier(.25,.8,.25,1);width:100%;border-radius:5px;margin:5px 0 5px 0;outline:none}

.Tbody button:hover{background:linear-gradient(to left,#cc2b5e,#753a88);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}

</style>

<script crossorigin='anonymous' src='https://kit.fontawesome.com/4ad360bfd2.js'/>

Step 2

<div class="Tbody">

<b>Video URL</b>

<input id="Vurl" placeholder="Paste Video URL Here..." name="url" required/>

<b>Minutes</b>

<input type="number" id="Minutes" placeholder="Enter Minutes Here..." required/>

<b>Seconds</b>

<input type="number" id="Seconds" placeholder="Enter Seconds Here..." required/>

<button type="button" id="Gbutton">Get Link<i class="fa-regular fa-hand-point-right"></i></button>

<b>Timestamped URL</b>

<input id="Turl" placeholder="Get Timestamped URL Here..." readonly/>

<button type="button" onclick="tscopy('#Turl')"><i class="fa-regular fa-copy"></i>Copy Link</button>

<button type="button" id="Clear"><i class="fa fa-repeat"></i>Try Another</button>

</div>

<script src='https://code.jquery.com/jquery-3.6.0.min.js'></script>

<script>function getLink(d,e,a){var b=60*e;console.log(b),console.log(a);var c=parseInt(b+a);console.log(c),resultUrl=`https://youtu.be/${getId(d)}?t=${c}`,$("#Turl").val(resultUrl)}function getId(b){var a=b.match(/^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/);return!!a&&11==a[7].length&&a[7]}$("#Gbutton").on("click",function(){url=$("#Vurl").val(),minutes=parseInt($("#Minutes").val()),getLink(url,minutes,seconds=parseInt($("#Seconds").val()))}),$('#Clear').click(function(){$('#Vurl,#Minutes,#Seconds,#Turl').val('')});</script>

Final Words

আশা করি আপনি উপড়ে দেয়া সবগুলো স্টেপ ভালো মত ফলো করে আপনার ব্লগার ওয়েবসাইটে Youtube Video Time-stamp Generator Tool বানিয়ে ফেলেছেন।কোনো সমস্যা হলে কমেন্ট করতে ভুলবেন না।আজকে এই পর্যন্ত।দেখা হবে পরবর্তী পোস্টে নতুন কোনো টুলস এর স্ক্রিপ্ট নিয়ে।