如何从 url 获取 youtube id，输入提交 [重复]答案

【问题标题】：How to get youtube id from url , input submit [duplicate]如何从 url 获取 youtube id，输入提交 [重复]
【发布时间】：2023-03-27 13:03:01
【问题描述】：

我正在尝试从 url 获取 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

【问题讨论】：

你想从哪里得到它？用 JS，PHP 吗？请更准确
@TemaniAfif 这个问题用javascript 标记，所以 OP 可能需要 JavaScript 解决方案
使用 javascript 。 html静态页面

标签： javascript html regex

【解决方案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);
}

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

【讨论】：

好代码感谢 Joshua K 先生

【解决方案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);

【讨论】：