将Vimeo链接更改为Vimeo embed

Question

我编写了一些代码(并编写了一些代码)，以使Vimeo链接(如https://vimeo.com/0000000 )与Vimeo嵌入(如https://player.vimeo.com/video/0000000 )相适应。

然而，有些Vimeo链接有多个数字块，例如https://vimeo.com/0000000/0000000。

我的代码转到：https://player.vimeo.com/video/0000000。(有/视频/没有这两组数字)

是否有更好的方法来调整我的代码来考虑这两种情况。

//split vimeo ref from existing link
var url = $('.tour').attr('href');
var parts = url.split("/");
var last_part = parts[parts.length-1];

//add address to viemo embed link
$(".embedlink").attr('src', function(index, attr) {
return attr + (attr.indexOf('?') >=0 ? '&' : '') + last_part;
});

如能提供任何帮助，将不胜感激。

Answer 1

您可以像到目前为止所做的那样将链接分成几个部分来获得：

[
  "https:",
  "",
  "vimeo.com",
  "0000000",
  "0000000"
]

前3部分总是相同的，所以用剪接删除它们：

parts.splice(0, 3);

得到：

[
  "0000000",
  "0000000"
]

现在，将剩下的所有部分连接起来，不管其中有多少部分返回到字符串中：

parts=parts.join("/");
0000000/0000000

现在就用它来建立新的链接：

"https://player.vimeo.com/video/"+parts

示例：

//split vimeo ref from existing link
var url = $('.tour').attr('href');
var parts = url.split("/");
console.log(parts);
parts.splice(0, 3);
parts=parts.join("/");
console.log(parts);

document.getElementById("newlink").innerHTML = "https://player.vimeo.com/video/"+parts;

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a class="tour" href="https://vimeo.com/0000000/0000000">https://vimeo.com/0000000/0000000</a>
<br>
<div id="newlink"></div>

​