(Javascript) YouTube video ID from embed code - regex?

Question

I've got a script that goes through the page and returns all selected elements - in this case, <embed...>

For example, when a YouTube video is found in a blog, it returns an iframe. I can take the iframe src, pass it through a function, and regex the video ID. However, when the YouTube video in within a YouTube page, its embedded differently and the video ID is found within the "flashvars" attribute.

Here's an example video embed : http://pastie.org/7155840

What would you guys recommend the best way of confirming the src as YouTube, and getting the video ID qlo5XHZ8-zI from it?

thejh · Accepted Answer · 2013-03-28 22:42:20Z

2

Here's a solution that doesn't use a regex.

First confirm it as youtube:

if (e.src.substr(0, 19) != "http://s.ytimg.com/") return false

Then extract the video id:

// get the flashvars
var flashvars = e.getAttribute("flashvars")
// convert flashvars string to key-value pairs
flashvars = flashvars.split("&").map(function(entry) {
  return entry.split("=", 2)
})
// look up the value of the "video_id" key
var video_id = flashvars.filter(function(entry) {
  return entry[0] == "video_id"
})[0]

video_id should now be the video's ID.

answered Mar 28, 2013 at 22:42

thejh

45.7k18 gold badges100 silver badges109 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

(Javascript) YouTube video ID from embed code - regex?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related