2014-09-26 2 views
0

이것은 현재 웹 사이트 : http://acrossuhubsubmissions.tumblr.com/입니다. 아시다시피, 나는 iFrames를 사용하여 Dropbox의 일부를 내 tumblr 웹 사이트에 삽입하고 있습니다. 보관 용 페이지 is a public sharing page. 나는 드롭 박스를 표시하기 위해 사용하고 HTML 코드 :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> 

나는 구글 스프레드 시트가 웹 페이지에 대한 정확한 동일한 코드를 사용하고, 그 표시 보였다. 아무도 Dropbox 웹 페이지가 내 tumblr 페이지에 나타나지 않는 이유를 알고 있습니까?

답변

4

dropbox.com 도메인 외부에서 발생하지 않은 iFrame에는 해당 드롭 그룹 링크를 표시 할 수 없습니다.

X-Frame-Options SAMEORIGIN 

이 헤더에 대한 자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/HTTP/X-Frame-Options를 참조하십시오 그들의 응답에서 다음 헤더를 포함하기 때문에 그 이유는 이유입니다. 이 플래그를 지원하는 브라우저는 iframe에 콘텐츠를로드하지 않습니다. https://www.dropbox.com/developers/dropins

+0

이것의 주위에 어떤 방법 있는가? : P – user123206

+1

이 X-Frame-Options 구성은 보안 방어 수단이므로 아무런 해결 방법이 없으므로 변경이 거의 없습니다. – Greg

0

당신은 "대중 링크"를 사용할 수 있습니다 :

는 사용자에게 자신의 API를 콘텐츠를 포함하는 방법을 보관의 설명서를 참조하십시오.

파일을 보관 용 계정 공용 폴더에 복사하면 공개 링크를 사용하여 프레임에 포함 할 수 있습니다.

0

더 나은 OneDrive를 사용하면 삽입 링크가 제공됩니다. [이전 질문 이었지만 이미 알지 못했다면 도움이 될 것입니다]

4

이렇게 Dropbox 비디오를 삽입 할 수있었습니다. 첫째, 동영상에 공유 링크를 만든 다음

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

높은 대역폭을 권장하지 ...이 코드를 사용하여 다음?의 끝에서? DL = 0을 변경하여 원시 = 1 링크를 수정하고 당신이 Dropbox에서 금지 한대로, 사용하십시오 (https://www.dropbox.com/help/security/banned-links를 읽으십시오)