Вставить Dropbox сайт в HTML-сайт

Question

Это мой текущий сайт: http://acrossuhubsubmissions.tumblr.com/. Как вы видите, я использую iFrames для встраивания части Dropbox на мой веб-сайт tumblr. Страница Dropbox is a public sharing page. HTML код, который я использую для отображения Dropbox:

<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 электронной таблице, и это, казалось, чтобы показать. Кто-нибудь знает, почему веб-страница Dropbox не появляется на моей странице tumblr?

Answer 1

Невозможно отобразить эту ссылку для удаления в iFrame, не выходящую за пределы домена dropbox.com. Причина в том, что они включают в себя следующий заголовок в своем ответе:

X-Frame-Options SAMEORIGIN 

см https://developer.mozilla.org/en-US/docs/Web/HTTP/X-Frame-Options для получения дополнительной информации об этом заголовке. Браузер, поддерживающий этот флаг, не загружает содержимое в iframe.

Смотрите документацию на раздаточной, как пользователь их апи встраивать контент: https://www.dropbox.com/developers/dropins

Answer 2

Вы можете использовать «общедоступную ссылку».

Скопируйте файл в общую папку Dropbox, и теперь вы можете использовать общедоступную ссылку для вставки в фрейм.

Answer 3

Лучше использовать OneDrive, он дает вам встроенную ссылку. [Я знаю, что это старый вопрос, но может быть полезно, если вы этого еще не знали)

Answer 4

Я смог встроить видео Dropbox, подобное этому; Во-первых, создать ссылку долю на видео, а затем изменить ссылку, изменив? Дл = 0 в конец? Сырец = 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.)