javascript - 通过检查元素阻止 iframe src 更改？

Question

想知道如何通过更改 <iframe> src value 来防止获取新数据在网页中，通过检查元素？

在网页中，我们正在显示视频，位于 <iframe> element 。用户购买后即可观看视频。所有视频都存储在 Vimeo ，并通过以这种方式配置的 Vimeo 设置，它只能通过我们的域使用。

问题是，当用户购买视频时，他/她可以访问 src <iframe> 的值并可以与他人分享。拥有该网址的人可以访问我们的网站并检查元素并更改 src任意值<iframe> element在网页中，无需购买即可加载视频。

如何防止这种情况发生？有什么办法可以制作<iframe>页面加载后不加载内容？另外，如果用户想要，可以编辑 html 并输入 <iframe> element与网址。 或者这不是在网页中实现付费视频的正确方法？

我现在完全陷入困境。非常非常感谢您的所有投入。

更新:

• 我可以使用 Google Drive 来实现此选项吗？使用 Google Drive api，我可以动态授予每个用户帐户的访问权限。

Answer 1

这是无法阻止的。由于跨源安全性，我不确定您甚至可以检测到来自外部的更改，除非 Vimeo 有一个通过跨窗口消息传递的 API，您可以检查视频 ID - 在这种情况下，您可以做的最好的事情是让页面定期验证帧内的视频 ID。

但即便如此，对于稍微高级一点的“黑客”来说这也不是问题。人们甚至可以通过创建一个本地网络服务器来击败整个系统，该服务器提供包含所需 IFrame 的 HTML 文件，并在主机文件中设置一个条目，将您的域指向 127.0.0.1...或者只使用 NoScript 扩展并禁用无论是检查您端的视频 ID。

底线是，一旦您通过以太网发送 Vimeo URL，您就失去了对它的控制，仅此而已。除了从您自己的服务器而不是 Vimeo 传输视频之外，您对此无能为力，在 Vimeo 中您可以实现自己的访问控制系统，例如在验证他们有权访问内容后，创建仅对该特定用户和时间有效的一次性 token 。