網頁

Monday, May 13, 2013

Get Youtube / Vimeo 's video ID

前幾天為了一個功能,在研究如何取出youtube的ID,然後取得他的影片縮圖,取得影片縮圖的地方很簡單,youtube有固定格式,只要把id塞進去就好,而取得id的部分,找了一陣子,試了不少方式才整合出下面這個方式。
function parseVideoURL(url) {
    var retVal = {};
    if (url.match(/(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|[a-zA-Z0-9_\-]+\?v=)([^#\&\?\n<>\'\"]*)/)) {
        retVal.provider = "youtube";
        retVal.id = RegExp.$2;
    } else if (url.match(/vimeo.com\/(\d+)/)) {
        retVal.provider = "vimeo";
        retVal.id = RegExp.$1;
    }
    return (retVal);
}
主要是可以從影片的Url辨認這是 Youtube 或 Vimeo 的影片,然後回傳影片來源與ID,Demo可以看這,未來如果想加別的影片來源也很簡單。

No comments:

Post a Comment