Question

我在链接到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？

Answer 1

我不确定我是否完全理解您的问题，但是我想您想知道在iframe中使用哪种YouTube URL。如果是这样，则嵌入有效。

如果您要编写自己的HTML，则可以直接在iframe src中使用embed链接。这个HTML小页面会加载您链接到的URL：

sub

编辑：我看到您将其标记为Vue.js和JavaScript。如果您对嵌入网址有异步响应，则如果您设置本地数据值，计算属性或prop，Vue.js会自动绑定并设置变量，因此您只需要执行以下操作即可：

x2 <- sub("\\s+", "", toupper(x1))
head(x2)
#[1] NA       "ITEM1"  "ITEM1A" "ITEM1B" "ITEM2"  "ITEM3"

Answer 2

谢谢，但是我的链接有问题。我有json，并且有链接https://www.youtube.com/watch?v=kqEfk801E94。我怎样才能把这个链接到html文档？我知道，但没有嵌入的链接不能用作html元素（iframe）。是真的吗？

Answer 3

我不知道您可以使用哪些工具将链接从JSON放入HTML文档中，或者所使用的结构，但是如果您可以编写JavaScript，则可以使用常规工具修改URL链接表达式，将其从手表转换为嵌入URL，然后可以使用document.querySelector查找iframe，然后更新src属性。

所有这些都假设您具有在JSON调用后可以运行的功能。由于我不知道您的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))

Youtube链接src

3 个答案: