Fatal编程技术网
  • javascript/
  • Javascript &引用；嵌入；仅使用普通的YouTube url

Javascript &引用；嵌入；仅使用普通的YouTube url

javascript html css video youtube

Javascript &引用；嵌入；仅使用普通的YouTube url,javascript,html,css,video,youtube,Javascript,Html,Css,Video,Youtube,我想知道是否有可能在html中实现YouTube视频——关键是我不需要点击YouTube上的“共享”和“嵌入”来获取链接。相反，我想要它，这样我就可以复制url了 比如说不是这个链接, 我想有这个链接 目的是让我有一个平台，用户可以无缝复制粘贴，而不需要处理不必要的额外点击——就像你在Facebook上所做的那样 任何帮助都将不胜感激 的标题中有x-frame-options:SAMEORIGIN。所以你不能仅仅通过iFrame把它嵌入你的网站 除了嵌入/watch？v=URL，您可以在设置为i

我想知道是否有可能在html中实现YouTube视频——关键是我不需要点击YouTube上的“共享”和“嵌入”来获取链接。相反，我想要它，这样我就可以复制url了

比如说不是这个链接,

我想有这个链接

目的是让我有一个平台，用户可以无缝复制粘贴，而不需要处理不必要的额外点击——就像你在Facebook上所做的那样

任何帮助都将不胜感激

的标题中有
x-frame-options:SAMEORIGIN
。所以你不能仅仅通过iFrame把它嵌入你的网站

除了嵌入
/watch？v=
URL，您可以在设置为iframe的src之前使用JavaScript将其转换为
/embed/
，或者使服务器（作为代理）手动重定向URL

更新：重定向演示：

HTML（使用
数据
属性）：





JS（jQuery）：


非常感谢。您是否知道如何通过javascript实现这一点？这可能是最好的方法。@user9121872刚刚添加了一个使用jQuery=）的演示。）

$('iframe').each(function () {
  let originalSrc = $(this).data('src')
  let src = originalSrc.replace('/watch?v=', '/embed/')
  $(this).attr('src', src)
})