[HTML5] Google Drive에 공유된 동영상 HTML5으로 플레이하기

페이지 정보

yadolee 루루아빠 2,864 2015.09.15 02:58:52

평점

  • 평점 : 0점 (0명 참여)

본문

기본적인 HTML5 비디오 소스는 다음과 같다.

<video autoplay="" preload="none" width="넓이" loop poster="이미지 주소.확장자">
  <source src="비디오 주소" type="video/mp4" />
</video>
구글드라이브에 공유 폴더를 만든 후 그 폴더에 공유 비디오를 업로드하고 공유 주소를 복사해 맨뒤 id=고유값을 메모해둔다.

실제로 웹상에 올릴때는 다음과 같은 소스 구조를 갖는다.

<video autoplay="" preload="none" width="넓이" loop poster="이미지 주소.확장자">
  <source src="http://www.googledrive.com/host/고유값" type="video/mp4" />
</video>

 
추천인
  • 추천해 주세요
yadolee
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,332,705
레벨 100
경험치 1,488,154

Progress Bar 10.52%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글

첫 번째 댓글을 남겨 주세요

Total 7622739 페이지

제목 글쓴이 날짜 조회 추천
그누•영카트  🏆 그누보드 5.3.1.4 패치 루루아빠 2018.06.06 2,354 0
jQuery  🏆 모바일 및 태블릿에서 스크롤이 아닌 경우에만 터치 제어하기 shadow2fox 2018.08.13 2,349 0
이윰  🏆 유튜브 재생목록(플레이리스트)이 적용되지 않는다면 shadow2fox 2018.07.29 2,345 0
그누•영카트  댓글+1🏆 그누보드 5.4.1.9 shadow2fox 2020.02.08 2,344 1
이윰  🏆 마우스 오버시 이전글 다음글에 제목을 띄우기 shadow2fox 2018.11.27 2,337 0
그누•영카트  🏆 영카트 5.3.3.1 shadow2fox 2019.07.16 2,336 0
이윰  댓글+1🏆 카카오TV 올바르게 적용하기 shadow2fox 2020.01.29 2,327 1
이윰  🏆 jQuery-1.8.3를 jQuery-1.9.x 이상으로 업그레이드시 masonry 오류 해결하기 shadow2fox 2018.08.22 2,321 0
이윰  댓글+1🏆 팝업창 페이지에서도 띄우기 shadow2fox 2019.02.05 2,320 1
그누•영카트  🏆 그누보드 5.3.1.7 패치 shadow2fox 2018.09.18 2,319 0
이윰  댓글+2🏆 EXIF 정보 이미지 넓이에 맞게 조정하기 shadow2fox 2020.11.21 2,313 2
그누•영카트  댓글+1🏆 그누보드 5.4.2.5 shadow2fox 2020.05.09 2,310 1
그누•영카트  🏆 영카트 5.3.2.3 shadow2fox 2018.12.29 2,310 0
그누•영카트  댓글+1🏆 그누보드 5.4.4.8 shadow2fox 2021.01.19 2,308 1
그누•영카트  🏆 영카트 5.3.1.6 패치 shadow2fox 2018.08.25 2,306 0
jQuery  🏆 마우스 클릭 및 엔터를 일정 초 이상 유지하면 특정 url로 이동하기 shadow2fox 2018.07.11 2,302 0
그누•영카트  🏆 영카트 5.3.2.4 shadow2fox 2019.01.08 2,296 0
CSS  🏆 특정 아이디나 클래스 이후에 특정 아이디나 클래스가 있을 때 shadow2fox 2018.08.15 2,292 0
그누•영카트  🏆 그누보드 5.3.1.6 패치 shadow2fox 2018.08.25 2,289 0
이윰  댓글+5🏆 유튜브 "이 동영상은 볼 수 없습니다" 해결하기 shadow2fox 2023.02.20 2,285 3