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

-1

我们有一个网站，旨在为访问者提供各种歌曲&由编辑或用户自己创建的特定艺术家和播放列表的专辑。我们在网站上使用的主要播放器是流媒体播放器。如何为其他网站生成/创建嵌入代码

此外，我们正在开发一项功能，为访问者提供获取在相关歌曲&播放列表页面上单击“获取嵌入代码”按钮后计划自动生成的歌曲/专辑/播放列表的嵌入代码。另外，根据我们的计划，用户应该能够在实际嵌入代码之前自定义宽度，长度和主题参数。有像Spotify和苹果音乐这样的几个顶级网站正在执行此功能。

我在很多资源上对这个话题进行了数小时的研究。但是，我遇到的主要是获取特定视频&歌曲的嵌入代码以及将其放置在用户自己网站的源代码中的位置。我对这个过程的另一面“厨房”感兴趣。因此，由于我找不到任何足够的信息来源/文件，我来到这里要求知道围绕此主题进行演练的优秀人士帮助我解决问题，至少让我纠正我们项目的详细资源&。

谢谢大家！

来源

2016-07-26 Thoukydides

这并不难。

大多数视频嵌入代码的工作方式是在插入代码的位置添加iframe。 iframe指向服务提供商网站上的特殊页面，该页面服务于视频。

您只需要手动编写代码即可查看整个概念是否正常工作。

当您的代码准备就绪时，您可以考虑自动化并为其添加参数。

一个简单的例子：

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

这是你需要的所有嵌入代码。剩下的（显示视频等）将在您自己的服务器上完成（“http://yoursite.com/videoembed/video/h34ghghwktya/?w=480&h=320”）。

iframe的来源位于您的服务器上，可以接收任何参数。

完成此操作后，您可以通过将此代码添加到网站进行测试。当视频显示和播放时，您可以使代码自动化。

代码自动化：

创建的代码，其中包含将不会改变（静态部分），所有部分的模板，并添加占位符可配置部分（参数）。

例子：

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

然后创建一个HTML表单，这将有控制所有你想设置的参数。确保他们有一些不错的默认值。

所有的表单会做的是，用你的参数替换模板中的占位符，并在textarea中显示结果。

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

来源

2016-07-26 09:21:08 beerwin

我认为我很简单。

在单独的文件中创建任何css和javascript代码，以便客户端将其包含在他们的网站中。他们不需要任何不必要的代码。
创建html结构 - div和样式。基本上你会提供HTML代码，并入其他网站。
为嵌入代码创建一个编辑器。像Facebook和类似shere按钮的东西。您可以让用户更改歌曲播放列表的大小和颜色，或者您想让其他网站使用的任何内容。
您还可以为您的网站提供iframe，以便从您的网页内访问所有资源。再次为自定义使用提供参数化。

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

没有通用的方法。你可以做到这一点，你需要它，你喜欢它。

来源

2016-07-26 09:21:12 TreantBG

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

回答

相关问题