Is there any way to get video id from youtube link.

I have a way in php script, but I need it in javascript.

Here is my php script

function get_youtube($url){
  parse_str( parse_url( $url, PHP_URL_QUERY ), $my_array_of_vars );
  return $my_array_of_vars['v']; 
}

For example I have a youtube video link

;list=RD029I9Ar6upx34

then I get content of V variable = fWNaR-rxAic

Is there any way to get video id from youtube link.

I have a way in php script, but I need it in javascript.

Here is my php script

function get_youtube($url){
  parse_str( parse_url( $url, PHP_URL_QUERY ), $my_array_of_vars );
  return $my_array_of_vars['v']; 
}

For example I have a youtube video link

http://www.youtube./watch?v=fWNaR-rxAic&list=RD029I9Ar6upx34

then I get content of V variable = fWNaR-rxAic

• javascript
• parsing
• youtube
• hyperlink

• 1 possible duplicate of Javascript REGEX: How to get youtube video id from URL? – T.Todua Commented Jan 20, 2015 at 14:15

4 Answers 4

The below function will return video id of the video if it is a valid youtube url or return false.

function matchYoutubeUrl(url){
var p = /^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/;
 return (url.match(p)) ? RegExp.$1 : false ;
}

Try this piece of code

    /*Function youtubeLinkParser parses youtube link for Video ID*/
function youtubeLinkParser(url) {
    var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=|\?v=)([^#\&\?]*).*/;
    var match = url.match(regExp);
    if (match && match[2].length == 11) {
        return match[2];
    } else {
        return null;
    }
}

The format of a Youtube link is the following:

http://www.youtube./watch?parameter=video_id&bunch_of_other_stuff

Now, I have, wrongly, assumed that all videos had a watch?v=

It turns out there can be a watch?list= and the v= es near the end.

parameter can be v or list or something else for all I know. It doesn't matter.

So this excludes the ?v= (This was pointed out on the #jetpack channel on irc.mozilla:8443 by freaktechnik). We're left with v=

Another point is that pretty much every piece dealing with this assumes a length of 11 characters. Why ? Just because it is now ?

Let's say you have your URL and it is video_url. You can achieve getting your video_id using just two splits. I can do it in two splits because I spent just few hours working with JavaScript, but I'm sure someone more experienced can do it better.

EDIT:

video_id = video_url.split("v=")[1];
ampersand_pos = video_id.indexOf("&");
if (ampersand_pos != -1) {
video_id = video_id.substring(0, ampersand_pos)
}

Try it. It takes into account this:

youtube(dot)/watch?list=WL2358B031ED8642DE&v=FyUrrAqso-M

And also this:

youtube(dot)/watch?v=hUgCuFiZozc&feature=c4-overview&list=UUyNpwxYpMdYpw8CNqqv3Bdw

I found a simple way of doing it without using regex. Note: this works with all types of playable urls.

I made a function which does it for you:

function getLink(url){
    fetch('www.youtube./oembed?url=' + url).then(res => {
     var thumbnailUrl = res.thumbnail_url;
     var id = thumbnail_url.split('vi/')[1].substring(0, 11);
     return id;}
      )
}

console.log(getLink(your_url));
// here replace 'your_url' with your specified youtube url.

All this does is, it uses youtube api and passes your url as an parameter, and youtube take cares of the type of the url, so you dont have to worry about it. The next thing is, the function then takes the 'thumbnail_url' data from that api, and then splits the thumbnail's url accordingly to find the ID of the video.