Question

这是我目前的网站：http://acrossuhubsubmissions.tumblr.com/。如您所见，我正在使用iFrame将Dropbox的一部分嵌入我的tumblr网站。 Dropbox页面is a public sharing page。我用来显示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>

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

Answer 1

我能够嵌入像这样的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禁止使用（请阅读此https://www.dropbox.com/help/security/banned-links。）

Answer 2

无法在不是来自dropbox.com域外的iFrame中显示该保管箱链接。原因是因为它们在响应中包含以下标题：

X-Frame-Options SAMEORIGIN

有关此标头的详情，请参阅https://developer.mozilla.org/en-US/docs/Web/HTTP/X-Frame-Options。支持此标记的浏览器不会在iframe中加载内容。

请参阅dropbox上的文档如何使用api来嵌入内容： https://www.dropbox.com/developers/dropins

Answer 3

您可以使用＆＃34;公共链接＆＃34;。

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

Answer 4

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

将Dropbox网站嵌入HTML网站

4 个答案: