Javascript 如何为其他网站生成/创建嵌入代码

我们有一个网站，旨在为访问者提供各种歌曲和特定艺术家的专辑以及编辑或用户自己创建的播放列表。我们在网站上使用的主要播放器是flowplayer

此外，我们正在开发一项功能，为访问者提供获取歌曲/专辑/播放列表嵌入代码的功能，该功能计划在单击相关歌曲和播放列表页面上的“获取嵌入代码”按钮后自动生成。此外，根据我们的计划，用户应该能够在获得他们实际收听内容的嵌入代码之前自定义宽度、长度和主题参数。有几个顶级网站，比如spotify和apple music，都在做这个功能

我在很多资源上进行了几个小时的研究。然而，我遇到的主要问题是如何获取特定视频和歌曲的嵌入代码，以及如何将其放入用户自己网站的源代码中。我对这个过程的另一面感兴趣，“厨房”。因此，由于我找不到任何足够的来源/文档，我来这里是为了请了解这一主题相关演练的优秀人士帮助我提出问题，至少让我了解我们项目的正确和详细资源

谢谢大家!

这并不难

大多数视频嵌入代码的工作方式是向插入代码的站点添加

iframe

。iframe指向服务提供商网站上的一个特殊页面，该页面提供视频

您所要做的就是，首先手动编写代码，看看整个概念是否有效

当您的代码准备好后，您可以考虑自动化并向其添加参数

一个简单的例子：

<iframe src="http://yoursite.com/videoembed/video/h34ghghwktya/?w=480&h=320" width="480" height="320"></iframe>

然后创建一个HTML表单，该表单将包含所有要设置的参数的控件。确保他们有一些不错的默认值

表单所要做的就是用参数替换模板中的占位符，并在文本区域中显示结果

---

代码生成器可以用Javascript和HTML编写，不需要服务器端代码。

我认为这很简单

在单独的文件中创建任何css和javascript代码，以便客户端将其包含在其网站中。他们不需要任何不必要的代码

创建html结构-div和样式。基本上，您将提供html代码，以纳入其他网站

为嵌入式代码创建编辑器。有点像facebook和shere按钮。在那里，您可以让用户更改歌曲播放列表的大小和颜色，或者更改您想让其他网站使用的任何内容

您还可以为您的网站提供链接，以便从页面中访问所有资源。再次提供自定义使用的参数化

这就是主要部分。您可以选择跟踪哪些站点正在使用您的播放器，它们单击的次数等等

没有通用的方法。你可以按照你的需要和喜欢去做

<iframe src="http://yoursite.com/videoembed/video/{$videoid}/?w={$formwidth}&h={$formheight}" width="{$formwidth}" height="{$formheight}"></iframe>