时间戳

首页 > 解决方案 > Youtube 链接 src

javascript - Youtube 链接 src

问题描述

我的 youtube 链接有问题。我得到 json“ https://www.youtube.com/watch?v=kqEfk801E94 ”，我该如何添加到 src ？我读过，但这个链接不正确，因为没有嵌入。示例https://www.youtube.com/embed/kqEfk801E94，不要 https://www.youtube.com/watch?v=kqEfk801E94。我该怎么做并替换 iframe src？

标签： javascriptvue.js

解决方案

我不知道您可以使用哪些工具将链接从 JSON 放入 HTML 文档，或者您正在使用的结构，但是如果您可以编写 JavaScript，您可以使用正则表达式修改 URL 链接以进行转换它从一个手表到一个嵌入 URL，然后你可以使用它document.querySelector来找到你的iframe然后更新src属性。

这一切都假设您有一个在 JSON 调用之后运行的函数。由于我不知道您的 JSON 机制，因此我假设您已经在名为json. 这是一个示例脚本：

function getEmbedUrlFrom(json) {
  const data = JSON.parse(json)
  const url = data.url
  const embedUrl = url.replace(/watch\?v=/, 'embed/')
  return embedUrl
}

function updateIframeUrl(url) {
  const iframe = document.querySelector('iframe')
  iframe.src = url
}

updateIframeUrl(getEmbedUrlFrom(json))

推荐阅读