如何从url获取youtube id，输入提交

Question

我正试图从网址获取youtube id

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

我的代码：

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

有人可以指导我如何获得这个结果吗？

http://www.example.com/id

Answer 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);
}

我不知道该说些什么。如果您有任何疑问，请发表评论。

Answer 2

查看我的简单解决方案

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);