구글 드라이브 공유 파일 소스 코드 변환 가이드입니다. 브라우저에서 타사 쿠키 사용이 중단되었습니다. 이로인해 직접 소스코드로 게시한 구글 드라이브 동영상 등이 표시되지 않는 문제가 발생하고 있습니다. 기존의 소스를 새로운 형식의 소스 코드로 변환해야 정상적으로 표시됩니다.
직접 삽입한 구글 드라이브 공유 파일 소스 코드는 정상적으로 표시될 것입니다. 항목 삽입 기능으로 제공되는 공식 소스 코드인 아이프레임 방식을 사용하였다면 아무 문제 없을 것입니다.
목차
구글 드라이브 공유 파일
구글 드라이브(drive.google.com)에는 모든 형식의 파일을 업로드할 수 있습니다.
약관 위반 또는 악성코드/바이러스 감염 등의 문제가 없는 파일은 링크 공유 기능을 이용하여 다른 사용자 또는 웹에 공유할 수 있습니다.
웹 게시 방식의 공유는 일부 파일 형식 지원합니다. 공식적으로는 아이프레임 방식으로만 웹페이지에 게재할 수 있습니다.
웹 공유 지원 파일 형식
- 이미지 파일 : .JPEG, .PNG, .GIF, .BMP, .TIFF, .SVG, .WEBP 등
- 문서 파일 : .XLS, .XLSX, .PPT, .PPTX, .DOC, .DOCX, .XPS, .TXT 등
- 마크업 및 스크립트 파일 : .CSS, .HTML, .PHP, .C, .CPP, .H, .HPP, .JS, .java, .py
- 오디오 파일 : MP3, MPEG, WAV, .ogg, .opus 등
- 동영상 파일 : WebM, .MPEG4, .3GPP, .MOV, .AVI, .MPEGPS, .WMV, .FLV, .ogg 등
웹 공유 방식
공식 코드 예시
<iframe src="https://drive.google.com/file/d/파일아이디/preview" width="640" height="480" allow="autoplay"></iframe>비공식 코드 예시
<img src="http://drive.google.com/uc?export=view&id=이미지아이디" />
<script src="http://drive.google.com/uc?export=view&id=파일아이디" />
<audio><source src="http://drive.google.com/uc?export=view&id=오디오아이디" /></audio>
<video><source src="http://drive.google.com/uc?export=view&id=동영상아이디" /></video>2024년 1월까지만 하더라도 무료 이미지 호스팅 글에서 소개한 방법으로 웹페이지 등에 게시할 수 있었습니다. 구글 드라이브에 저장된 이미지 등을 웹페이지에 직접 게재할 수 있었는데요. 현재는 대부분 차단되었습니다.
예전 방식으로 웹페이지에 게시한 구글 드라이브 공유 파일 등은 현재 엑박으로 표시됩니다. 구글 드라이브 동영상 공유 방식으로 웹페이지에 게시한 경우 플레이어만 표시되고 재생은 불가능합니다.
브라우저에서 타사 쿠키 사용을 중단(관련 안내)했기 때문에 발생한 문제인데요. 공식 지원 방식인 아이프레임 소스 코드를 사용하거나, 다른 방법을 이용해야 구글 드라이브 공유 파일을 웹페이지에 게시할 수 있습니다.
구글 드라이브 공유 파일 소스 코드 변환
이미지 형식의 경우는 새로운 방법(비공식)으로 웹페이지에 사용할 수 있습니다.
새로운 코드 형식으로 변경하면 구글 드라이브에 저장된 이미지 파일을 웹페이지(블로그 글, 커뮤니티 게시판 등)에 게시할 수 있습니다.
이미지 파일에 대한 새로운 코드 형식은 일전에 발행한 구글 드라이브 사진 오류 글에 상세히 설명 되어 있습니다. 참고하여 코드를 변경하면 정상적으로 표시될 것입니다.
하지만 오디오, 동영상 등은 파일 주소나 파일 아이디 값을 변경하는 방법으로 웹페이지에 게시할 수 없습니다.
시간이 지나면 새로운 해법이 발견될 수 있겠지만, 현재까진 해법이 없습니다.
공식 소스 코드 방식인 아이프레임 코드를 이용하거나, 외부 서비스에서 제공하는 소스 코드 변환 방법으로만 구글 드라이브에 저장된 오디오, 동영상 등의 파일을 웹페이지에 게시할 수 있습니다.
비공식 동영상 공유 코드 예시
<video><source src="http://drive.google.com/uc?export=view&id=동영상아이디" /></video>공유 코드에서 파일 아이디 값 부분을 제외하고 도메인 등의 형식을 예시1과 같이 변경하면 웹페이지에 구글 드라이브 동영상을 게시할 수 있습니다.
비공식 동영상 공유 코드 변환 예시 1
<video crossorigin="anonymous">
<source src="https://drive.lienuc.com/uc?id=1MfVQA_3wjwuvPcvwvur-mXNT-6DeJJC0">
</video>몇 가지 코드를 추가하여 동영상 크기(가로 및 세로), 자동 재생, 반복 재생 등을 설정할 수 있습니다.
비공식 동영상 공유 코드 변환 예시 2
<video crossorigin="anonymous" autoplay="autoplay" loop="loop" controls="controls" width="560" height="315">
<source src="https://drive.lienuc.com/uc?id=1MfVQA_3wjwuvPcvwvur-mXNT-6DeJJC0" type="video/mp4">
</video>위와 같은 형식으로 동영상 소스 코드를 추가하면 가로 560 세로 315 크기의 동영상이 자동 재생 및 반복 재생 됩니다. 파일 형식을 지정하면 검색 엔진 등에 해당 동영상 파일의 형식을 알릴 수 있습니다.
같은 방식으로 오디오, 스크립트 등의 파일을 웹페이지에서 게시할 수 있습니다.
소스 주소를 보면 알 수 있듯 이 코드 변환은 구글 드라이브 공유 파일 대체 사이트에서 제공하는 리소스를 이용하는 것입니다. 이 때문에 해당 서비스가 종료될 경우 웹페이지에 게재한 모든 파일은 사용이 불가능해집니다.
도메인이 변경 되더라도 연결이 끊어지기 때문에 404 오류가 발생할 것입니다.
변환 코드 미리 보기
특정 플랫폼 또는 서버 환경에서는 구글 드라이브 공유 파일 등이 실시간으로 표시되지 않을 수 있습니다.
구글 드라이브 공유 파일 대체 사이트를 이용하면 웹페이지 등에 게시할 동영상, 음악, 이미지 파일 등이 제대로 표시되는지 확인 할 수 있습니다.
- 리에눅 사이트에 방문합니다.
- 상단 Try it now 아래에 표시되는 코드를 변환할 소스 코드로 대체합니다.
- Output 아래에서 동영상, 음악, 이미지 등이 표시됩니다.
표시된 내용을 확인한 후 소스 코드를 수정하여 동영상 등의 크기를 설정하세요.
위에서 예시로 사용한 ‘비공식 동영상 공유 코드 변환 예시 2’ 코드를 이용하면 위와 같이 동영상이 표시됩니다.
위의 동영상은 drive.lienuc.com 도메인으로 시작되기 때문에 언제든 사용 불가 상태가 될 수 있습니다.