Regex do wyodrębniania domeny i identyfikatora wideo z adresu URL youtube/vimeo

Question

Kopiuję funkcję, która pobiera adres URL youtube/vimeo i zwraca stronę z której wideo pochodzi (vimeo/yt), a także identyfikator wideo.

Oto co mam do tej pory: http://jsfiddle.net/csjwf/181/

<strong>Result:</strong> 
<div id="result"></div> 

function parseVideoURL(url) { 

    url.match(/^http:\/\/(?:.*?)\.?(youtube|vimeo)\.com\/(watch\?[^#]*v=(\w+)|(\d+)).+$/); 
    return { 
     provider : RegExp.$1, 
     id : RegExp.$1 == 'vimeo' ? RegExp.$2 : RegExp.$3 
    } 
} 

var result = document.getElementById("result"); 
var video = parseVideoURL("http://www.youtube.com/watch?v=PQLnmdOthmA&feature=feedrec_grec_index"); 
result.innerHTML = "Provider: " + video.provider + "<br>ID: " + video.id; 

var video = parseVideoURL("http://vimeo.com/22080133"); 

result.innerHTML += "<br>--<br>Provider: " + video.provider + "<br>ID: " + video.id; 

wyjściowa:

Result: 
Provider: youtube 
ID: PQLnmdOthmA 
-- 
Provider: vimeo 
ID: 2208013

jednak zauważyć, jak na Vimeo vids, jeśli adres URL kończy się w identyfikator, ostatnia liczba jest zawsze odcięta. Jeśli dodasz ukośnik na końcu adresu vimeo, identyfikator zostanie wciągnięty do końca.

Answer 1

Na końcu wymagany jest co najmniej jeden znak po ostatniej cyfrze przechwyconej jako ciąg cyfr. To odetnie jedną cyfrę od tego, co zostało przechwycone. Czy jest jakiś powód, dla którego to masz?

Można zmienić ostatni + do * jak ten:

/^http:\/\/(?:.*?)\.?(youtube|vimeo)\.com\/(watch\?[^#]*v=(\w+)|(\d+)).*$/ 

lub nawet lepiej, pozbyć się części końcowej w całości, ponieważ nie wygląda jak jest to potrzebne:

/^http:\/\/(?:.*?)\.?(youtube|vimeo)\.com\/(watch\?[^#]*v=(\w+)|(\d+))/ 

Oto nieco bezpieczniejszy sposób napisania funkcji, która pozwala na dowolną kolejność parametrów zapytania w adresie URL youtube i nie umieszcza rzeczy w regexie, który nie musi tam być. Kod jest dłuższa, ale znacznie bardziej wytrzymałe i byłoby o wiele łatwiejsze, aby dodać więcej dostawców: Wersja

function parseVideoURL(url) { 

    function getParm(url, base) { 
     var re = new RegExp("(\\?|&)" + base + "\\=([^&]*)(&|$)"); 
     var matches = url.match(re); 
     if (matches) { 
      return(matches[2]); 
     } else { 
      return(""); 
     } 
    } 

    var retVal = {}; 
    var matches; 

    if (url.indexOf("youtube.com/watch") != -1) { 
     retVal.provider = "youtube"; 
     retVal.id = getParm(url, "v"); 
    } else if (matches = url.match(/vimeo.com\/(\d+)/)) { 
     retVal.provider = "vimeo"; 
     retVal.id = matches[1]; 
    } 
    return(retVal); 
} 

pracy tutaj: „+” http://jsfiddle.net/jfriend00/N2hPj/

Answer 2

Ostatni numer zostanie odcięty, ponieważ używasz na końcu, co oznacza "jedną lub więcej dowolnych postaci". Zastąp symbol + znakiem *, oznaczającym "zero lub więcej".

Answer 3

Aby uprościć regex użyłbym haystack.indexOf (igły) w celu określenia, czy adres URL jest Vimeo czy YouTube, a następnie zastosować miejscowo specyficzne wyrażenia regularnego. O wiele łatwiej, a później można dodawać witryny wideo bez nadmiernego komplikowania wyrażenia regularnego.

Answer 4

url.match(/^http:\/\/(?:.*?)\.?(youtube|vimeo)\.com\/(watch\?[^#]*v=(\w+).+|(\d+))$/);

Answer 5

Usuń ostatni. a koniec dopasowanie

url.match(/^http:\/\/(?:.*?)\.?(youtube|vimeo)\.com\/(watch\?[^#]*v=(\w+)|(\d+))/);

Answer 6

Oto uaktualniona wersja, która również pracuje z youtu.be i youtube.com/embed adresów URL za pomocą kodu @ jfriend00 i trochę kodu znaleźć tutaj: JavaScript REGEX: How do I get the YouTube video id from a URL?.

EDYCJA: Zaktualizowałem moją odpowiedź (i skrzypce) funkcją, która faktycznie działa. :-)

function parseVideoURL(url) { 

    function getParm(url, base) { 
      var re = new RegExp("(\\?|&)" + base + "\\=([^&]*)(&|$)"); 
      var matches = url.match(re); 
      if (matches) { 
       return(matches[2]); 
      } else { 
       return(""); 
      } 
     } 

     var retVal = {}; 
     var matches; 
     var success = false; 

     if (url.match('http(s)?://(www.)?youtube|youtu\.be')) { 
      if (url.match('embed')) { retVal.id = url.split(/embed\//)[1].split('"')[0]; } 
      else { retVal.id = url.split(/v\/|v=|youtu\.be\//)[1].split(/[?&]/)[0]; } 
      retVal.provider = "youtube"; 
      var videoUrl = 'https://www.youtube.com/embed/' + retVal.id + '?rel=0'; 
      success = true; 
     } else if (matches = url.match(/vimeo.com\/(\d+)/)) { 
      retVal.provider = "vimeo"; 
      retVal.id = matches[1]; 
      var videoUrl = 'http://player.vimeo.com/video/' + retVal.id; 
      success = true; 
     } 

     if (success) { 
     return retVal; 
     } 
     else { alert("No valid media id detected"); } 
} 

a jsfiddle robocza: http://jsfiddle.net/9n8Nn/3/

z dwóch odpowiedzi Stack Exchange Network, jest to kod, który pracował dla mnie najlepsza w końcu.