使用 javascript 代替 iframe 源？答案

【问题标题】：Using javascript instead Iframe source?使用 javascript 代替 iframe 源？
【发布时间】：2013-12-08 10:15:58
【问题描述】：

我知道我无法从浏览器中隐藏 iframe 源（检查元素），但我想让“他们”难以通过使用 javascript 作为源 url 来窃取 url (iframe)。

如果我有：

<iframe width="420" height="315" src="//www.youtube.com/embed/xxxxxxx" frameborder="0" allowfullscreen></iframe>

我可以用 javascript 更改 //www.youtube.com/embed/xxxxxxx 吗？

【问题讨论】：

标签： javascript iframe embed src

【解决方案1】：

为什么不呢？ iframe.src = '你需要的网址';

【讨论】：

很容易复制。我搜索了在 iframe 中隐藏 src，但这是不可能的，所以我想至少用 javascript 更改 src。
JS中的props绑定到元素中的属性。因此，如果您更改 src wia JS，这将立即反映在元素上
您可以尝试将您的服务器用作链接的“代理”。将 SRC 指向服务器上的操作，然后将内容写入响应。但不确定这对 iframe 有帮助
如果您知道另一种使查看 iframe 源变得更加困难的方法，请不要提出建议。如果我将视频上传到 youtube 并将其设为私有，嵌入我的网站，他们会通过检查元素并复制 html 轻松传播它。
我可以建议的另一件事是使用视频播放器，而不是 iframe。他们有时会使用画布，所以 src 不会那么容易访问

【解决方案2】：

要隐藏 YouTube 视频源，您可以使用 JWPlayer 或其他类似应用程序。 JW 将直接从 YouTube 拉取视频，并通过作为用户和 YouTube 之间的中间人的 Flash 播放器播放。

http://www.jwplayer.com/about-jwplayer/

想一想，就像他们在焦点小组中观看视频一样，但他们无法见到玻璃幕后的人。

如需演示，请访问http://www.wimp.com 并尝试找出视频中的 YouTube 地址（以下未方便列出的视频地址）。

【讨论】：

【解决方案3】：

如果您全部使用 JavaScript 来完成这一切，它的难度会降到最低。

HTML：

<iframe id="myFrame" width="420" height="315" frameborder="0" allowfullscreen></iframe>

在单独的 JS 文件中：

document.getElementById("myFrame").src = "//www.youtube.com/embed/xxxxxxx";

【讨论】：

【解决方案4】：

我想这就是你要找的东西 :) 这个 node.js 插件可以尽可能地保护你的脚本。创作者还写道，这是一个正在进行的项目，所以我认为他将来也会添加一些很棒的功能

<script data-wchIyvpKUkArTeyUIZsCekKZRROZZzMNErjvtdIqWGkytjDyhJ="bCCnkxHMRCbEnVtvOWxOqBtKgsYkZEmWzPKybVKvJktkXTWDnc" type="text/javascript"></script>

https://www.npmjs.com/package/location-hide

【讨论】：