[HTML5] Google Drive로 공유된 동영상 Jwplayer를 통해 플레이하기
페이지 정보
루루아빠
3,350
2015.09.15 05:38:29
짧은주소
-
https://yadolee.com/tip/294 주소복사
본문
기본적인 Jwplayer 동영상 소스는 다음과 같다.
<div style="text-align:center">
<div id="player"></div>
<script type="text/javascript">
jwplayer('player').setup({
file: "동영상 주소.확장자",
image: "이미지 주소.확장자",
title: "제목",
width: '100%',
aspectratio: '4:3',
skin: 'five',
});
</script>
<style>
#player{position:relative;max-width:500px;margin-left:auto;margin-right:auto;height:auto}
</style>
</div>
- 구글드라이브에 웹 공개 설정으로 공유 폴더를 만든 후 그 공유폴더의 id=고유값을 메모한다.
- 생성된 폴더에 공유 비디오를 업로드한다.
- 구글드라이브에 업로드된 파일명 및 확장자는 본래의 이름과 확장자와 동일하다.
<div style="text-align:center">
<div id="player"></div>
<script type="text/javascript">
jwplayer('player').setup({
file: "http://www.googledrive.com/host/폴더 고유값/파일명.확장자",
image: "이미지 주소.확장자",
title: "제목",
width: '100%',
aspectratio: '4:3',
skin: 'five',
});
</script>
<style>
#player{position:relative;max-width:500px;margin-left:auto;margin-right:auto;height:auto}
</style>
추천인
-
추천해 주세요
레벨 101
경험치 1,519,440
Progress Bar 14.66%
- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS
BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑
루루아빠랍니다~~
최신댓글이 없습니다.
댓글
첫 번째 댓글을 남겨 주세요