【问题标题】:How does Discord embed YouTube-Playable Videos?Discord 如何嵌入 YouTube 可播放视频?
【发布时间】:2021-01-19 05:16:58
【问题描述】:

最近我一直想知道Discord 是如何嵌入 Youtube 视频的,

在链接中,例如:Example

我想知道的原因是因为我目前正在开发一个网站,该网站希望在发布诸如 https://example.com/le-BoDs-Yt8 之类的链接时具有此潜在功能,然后不和谐会输出类似于 YouTube 的嵌入样式。

关于如何做到这一点的任何想法?

【问题讨论】:

  • 我认为他们复制了嵌入代码。
  • 哦?他们有这个功能,老实说忘了这是 Youtube 上的东西,谢谢你的想法;我会研究一下,非常感谢。

标签: html youtube discord


【解决方案1】:

他们肯定会检索嵌入代码(通过右键单击视频并选择“复制嵌入代码”),并将其与标题+副标题一起添加到消息中。

例如:

<iframe width="1004" height="753" src="https://www.youtube.com/embed/cIwTYL1fwJk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

&lt;iframe width="1004" height="753" src="https://www.youtube.com/embed/cIwTYL1fwJk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen&gt;&lt;/iframe&gt;

【讨论】:

  • 不幸的是,这不是我想要的,因为我认为它的完成方式是通过元标记,但目前仍不确定。
【解决方案2】:

感谢@Spectric,这肯定是答案,除了它在使用OpenGraph 的元标记中,除了一个问题,它不允许您播放自己的自定义文件,例如:.mp4。

OPG 示例:

<meta property="og:url" content="https://www.youtube.com/watch?v=ur3-A7ovGUk">
<meta property="og:image" content="https://i.ytimg.com/vi/ur3-A7ovGUk/maxresdefault.jpg">
<meta property="og:video:type" content="text/html">
<meta property="og:video:url" content="https://www.youtube.com/embed/ur3-A7ovGUk">
<meta property="og:video:height" content="720">
<meta property="og:video:width" content="1280">
<meta property="og:type" content="video.other">

&lt;iframe width="1004" height="753" src="https://www.youtube.com/embed/cIwTYL1fwJk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen&gt;&lt;/iframe&gt;

【讨论】:

  • 很高兴为您提供帮助! :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-07-18
  • 2017-11-03
  • 2011-09-06
  • 1970-01-01
  • 2012-10-12
  • 2021-09-18
  • 1970-01-01
相关资源
最近更新 更多