将Dropbox网站嵌入到HTML网站

将Dropbox网站嵌入到HTML网站,html,iframe,dropbox,tumblr,Html,Iframe,Dropbox,Tumblr,这是我当前的网站:。 如您所见,我使用iFrame将Dropbox的一部分嵌入到我的tumblr网站上。Dropbox页面。我用来显示Dropbox的html代码: <left> <iframe src ="https://www.dropbox.com/sh/d9ulw65twvxrrhi/AACHsXLlXUSan4Zx4hGC8BDja?lst" width="777px" height="777px" scrolling="yes" > <p&g

这是我当前的网站:。 如您所见,我使用iFrame将Dropbox的一部分嵌入到我的tumblr网站上。Dropbox页面。我用来显示Dropbox的html代码:

<left>
<iframe src ="https://www.dropbox.com/sh/d9ulw65twvxrrhi/AACHsXLlXUSan4Zx4hGC8BDja?lst"  width="777px" height="777px"   scrolling="yes"  >
  <p>Your browser does not support iframes.</p>
</iframe></left>

您的浏览器不支持iFrame


我在Google的speadsheet网页上使用了完全相同的代码,这似乎显示了出来。有人知道为什么Dropbox网页没有显示在我的tumblr页面上吗?

不可能在非源自Dropbox.com域的iFrame中显示该Dropbox链接。原因是他们在响应中包含以下标题:

X-Frame-Options SAMEORIGIN
有关此标题的更多信息,请参阅。支持此标志的浏览器不会加载iframe中的内容

请参阅关于dropbox如何使用其api嵌入内容的文档:

不可能在非源自dropbox.com域之外的iFrame中显示该dropbox链接。原因是他们在响应中包含以下标题:

X-Frame-Options SAMEORIGIN
有关此标题的更多信息,请参阅。支持此标志的浏览器不会加载iframe中的内容

请参阅关于dropbox如何使用其api嵌入内容的文档: 您可以使用“公共链接”

将文件复制到dropbox公用文件夹中,现在您可以使用公共链接嵌入到框架中。

您可以使用“公共链接”


将文件复制到dropbox公用文件夹中,现在您可以使用公用链接嵌入到框架中。

最好使用OneDrive,它会提供嵌入链接。[我知道这是一个老问题,但如果您不知道它可能会有所帮助]

更好地使用OneDrive,它会为您提供嵌入链接。[我知道这是一个老问题,但如果你不知道它可能会有所帮助]

我能够嵌入这样的Dropbox视频; 首先,创建一个到视频的共享链接,然后修改链接,将末尾的?dl=0更改为?raw=1,然后使用此代码

<iframe width="800" height="450" 
src="https://www.dropbox.com/s/nwg6px2i8si18w9/Oh%20Deer%21.mp4?raw=1
&autoplay=1" frameborder="0" allowfullscreen></iframe>


不建议高带宽使用,因为您可能被禁止使用Dropbox(请阅读此内容)。

我可以嵌入这样的Dropbox视频; 首先,创建一个到视频的共享链接,然后修改链接,将末尾的?dl=0更改为?raw=1,然后使用此代码

<iframe width="800" height="450" 
src="https://www.dropbox.com/s/nwg6px2i8si18w9/Oh%20Deer%21.mp4?raw=1
&autoplay=1" frameborder="0" allowfullscreen></iframe>


不建议高带宽使用,因为您可能会被禁止使用Dropbox(请阅读此内容)。

有什么办法可以解决此问题吗?:p此X-Frame-Options配置是一种安全防护,因此没有任何解决方法,也不太可能更改。有什么方法可以解决此问题吗?:p此X-Frame-Options配置是一种安全防护,因此没有任何解决方法,也不太可能更改。