Get YouTube Video Id using jQuery
jQuery function to extract YouTube Video ID from any YouTube URL — supports all formats (regular, shortened, embed, share links).
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js">
</script>
</head>
<body>
<textarea ></textarea>
<a id="getvideo" href="javascript:void(0)">get Video id </a>
<br>
get youtube video id using jquery
<br>
https://www.youtube.com/watch?v=XXXXXXXXXX
<br>
https://youtu.be/XXXXXXXXXX?si=hfkQ9K4sKRP9YLKd
<br>
https://youtube.com/watch?v=XXXXXXXXXX%3Fsi%3DhfkQ9K4sKRP9YLKd
<br>
<script>
$(document).ready(function(){
$('#getvideo').click(function(){
var videoId = null;
var url = $('textarea').val();
var fullUrlPattern = /(?:youtube\.com\/.*[?&]v=|youtu\.be\/|youtube\.com\/embed\/)([^&?]+)/;
var match = url.match(fullUrlPattern);
if (match && match[1]) {
videoId = match[1];
}
alert('<iframe src="https://www.youtube.com/embed/'+videoId+'" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>')
});
});
</script>
</body>
</html>