嵌入代码后第一次加载时嵌入式视频无法在Chrome中呈现,并保存到Rails模型中

Question

我们有一个Ruby on Rail应用程序,允许用户将大量视频嵌入代码保存到我们的数据模型中.表单允许用户输入任意数量的嵌入代码,按提交并将所有内容保存到数据库.然后,应用程序将用户重定向到包含所有嵌入代码列表的页面.

此工作流程适用于IE,Safari和Firefox.

但是,在Chrome上,首次加载页面时,页面上不会显示任何视频.我在控制台中看到以下错误,每个视频一次:

拒绝执行JavaScript脚本.在请求中找到的脚本的源代码.

在后续页面加载时,视频加载正常,并且不显示错误.

当我查看源代码时,会重新加载页面以进行视图源操作,因此我无法判断源是否按预期方式通过.

当我检查视频应该在的块上的元素时,我看到以下内容:

<iframe src="" width="400" height="225" frameborder="0">
  <html>
    <head></head>
    <body></body>
  </html>
</iframe>

对于iframe样式嵌入代码以及YoutTube和Vimeo视频的"旧式"标记代码,都会出现这种情况.

有关:

Answer 1

这是Chrome阻止XSS(跨站点脚本)的方式,作为上面的参考.

当您提交嵌入代码并重定向到另一个页面以显示它们时,Chrome会看到提交的嵌入代码(通过HTTP POST))和响应的嵌入代码是相同的,因此它会阻止加载它们并在控制台中显示错误.

当您刷新页面时,不再提交HTTP POST(因为您之前重定向了它),因此它应该正确显示.

我有同样的问题,我通过在重定向后自动重新加载页面来解决它.