How to get youtube id from url , input submit

Question

I'm trying to get youtube id from urls

https://youtu.be/id
https://www.youtube.com/watch?v=id
https://m.youtube.com/watch?v=id

My code:

<form action="http://www.example.com/">
    <input type="text"><br>
    <input type="submit" value="Submit">
</form>

Can anyone guide me on how to get this result?

http://www.example.com/id

where you want to get it ? with JS,PHP ? be more precise please — Temani Afif, Sep 24 '17 at 22:14
@TemaniAfif The question is tagged with [tag:javascript] so OP likely wants a JavaScript solution — Matheus Avellar, Sep 24 '17 at 22:15

Joshua K · Accepted Answer · 2017-09-24T22:21:53.240

1

document.querySelector('input[type=submit]').onclick = function(e) {
  e.preventDefault();
  var uri = document.querySelector('input[type=text]').value;
  var id = /youtu.+(\/|=)(.+)$/.exec(uri)[2];
  alert('http://example.com/'+id);
}

I don't know what to say more. If you have any questions, please leave a comment.

edited Sep 24 '17 at 22:21

answered Sep 24 '17 at 22:16

Joshua K

2,407
1
10
13

Nice code THANKS Mr Joshua K – ericdrey Sep 24 '17 at 22:29

score 0 · Answer 2 · answered Sep 24 '17 at 22:26

Check out my simple solution

var url = 'https://www.youtu.be/watch?v=98123712638'; 
var parsedStr = url.split("v=")[1];
parsedStr = (parsedStr != undefined) ? parsedStr : url.split("youtu.be/")[1];
var resultId = parsedStr.split("&")[0];

console.log(resultId);

How to get youtube id from url , input submit

2 Answers2