使用JavaScript获取用于嵌入目的的YouTube ID和其他变量

时间:2012-03-08 09:12:01

标签: javascript regex parsing url youtube

所以我看过很多脚本用JavaScript从URL中获取YouTube ID,但我找不到或弄清楚如何获取ID以及任何其他变量。我有一个PHP脚本可以做到这一点,但我想用JavaScript做到这一点。有谁知道如何实现这一目标?

我怀疑这是必要的,但这是我正在使用的两个脚本

视频ID的JavaScript ...

url = $(this).text();
var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=)([^#\&\?]*).*/;
var match = url.match(regExp);
if (match&&match[2].length==11){
    alert(match[2]);
}else{
   alert("not youtube");
}

和PHP ......

if (preg_match('%(?:youtube\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\.be/)([^"&?/ ]{11})%i', $url, $match)) {
$youtubeid = $match[1];
$getyt = (parse_url($url));
}
if(strlen($getyt['fragment']) > 0) {
$addhash = '#' . $getyt['fragment'];
}
$embed = "http://www.youtube.com/embed/$youtubeid?wmode=opaque&autoplay=1$addhash";

PHP一个很好,除了它只适用于哈希标签。我想要额外变量的主要原因是当有人想要指定开始时间时。所以,如果有人能告诉我如何获取URL和其他参数(或者只是视频的指定开始时间),那么我真的很感激,因为我绝对迷失了。

1 个答案:

答案 0 :(得分:1)

这将创建一个名为video_parameters的关联数组:

function extractParameters(url)
{
    var query = url.match(/.*\?(.*)/)[1];
    var assignments = query.split("&")
    var pair, parameters = {};
    for (var ii = 0; ii < assignments.length; ii++)
    { 
        pair = assignments[ii].split("=");
        parameters[pair[0]] = pair[1];
    }
    return parameters;
}

url = "http://www.youtube.com/watch?v=gkU&list=UUa3Q&feature=plcp";
video_parameters = extractParameters(url);

// video_parameters["v"]
// > "gkU"
// video_parameters["list"]
// > "UUa3Q"

有关处理特殊字符的方法,请参阅How can I get query string values in JavaScript?