Embed 적용하기 - JWplayer FLV 플레이어 - 마루짱의 국내여행 사진블로그

Embed 적용하기 - JWplayer FLV 플레이어

컴퓨터 Tip 2009. 2. 28. 19:44

1.Embed 스킨 응용하기
유튜브 영상은 그냥 유튜브 태그쓰고, 티스토리에 있는 player.swf 를 사용하자,

<embed
  src="http://cfs.tistory.com/custom/blog/33/335632/skin/images/player.swf"
  width="420"
  height="340"
  bgcolor="#ffffff"
  allowscriptaccess="always"
  allowfullscreen="true"
  flashvars="file=http://d136.v.iask.com/f/1/5e03f583f0a2d9ca7a269470a9e2ee6c17466497.flv&
height=340&width=420&frontcolor=0xffffff&lightcolor=0xe2006a&logo=http://www.hmv.com.hk/media/hmvlogo_flv0.png&controlbar=over"
/>

2.Embed embed 이용하기

flv 절대주소로 보여주기

<embed
  src="http://cfs.tistory.com/custom/blog/33/335632/skin/images/player.swf"
  width="470"
  height="320"
  bgcolor="#ffffff"
  allowscriptaccess="always"
  allowfullscreen="true"
  flashvars="file=http://d136.v.iask.com/f/1/5e03f583f0a2d9ca7a269470a9e2ee6c17466497.flv"
/>

유튜브 보여주기
http://cfs.tistory.com/custom/blog/33/335632/skin/images/player.swf -> 안되고
http://www.longtailvideo.com/jw/embed/player.swf ->된 다. (유튜브 영상에 대해서만)

<embed
  src="http://www.longtailvideo.com/jw/embed/player.swf"
  width="470"
  height="320"
  bgcolor="#ffffff"
  allowscriptaccess="always"
  allowfullscreen="true"
  flashvars="file=http://www.youtube.com/watch?v=phQjU3QA4ds"
/>

안되었던 이유 -> 티스토리의 player.swf로 유튜브 flv를 플레이하려면,
yt.swf 를 player.swf 의 동일한 디렉토리에 넣어두어야 한다.

3.자바스크립트로 보여주기
<div id='mediaspacet'>이곳에 영상나온다</div> 한 페이지에 자바스크립트 적용은 하나만 된다.

flv 절대주소로 보여주기

<script type="text/javascript" src="http://www.longtailvideo.com/jw/embed/swfobject.js"></script>

  <div id='mediaspace'>This div will be replaced</div>

  <script type='text/javascript'>
  var s1 = new SWFObject('httphttp://cfs.tistory.com/custom/blog/33/335632/skin/images/player.swf','ply','470','320','9','#ffffff');
  s1.addParam('allowfullscreen','true');
  s1.addParam('allowscriptaccess','always');
  s1.addParam('wmode','opaque');
  s1.addParam('flashvars','file=http://d136.v.iask.com/f/1/5e03f583f0a2d9ca7a269470a9e2ee6c17466497.flv');
  s1.write('mediaspace');
</script>

유튜브 보여주기

<script type='text/javascript' src='http://www.longtailvideo.com/jw/embed/swfobject.js'></script>

  <div id='mediaspace'>This div will be replaced</div>

  <script type='text/javascript'>
  var s1 = new SWFObject('http://www.longtailvideo.com/jw/embed/player.swf','ply','470','320','9','#ffffff');
  s1.addParam('allowfullscreen','true');
  s1.addParam('allowscriptaccess','always');
  s1.addParam('wmode','opaque');
  s1.addParam('flashvars','file=http://www.youtube.com/watch?v=phQjU3QA4ds');
  s1.write('mediaspace');
</script>

2009/03/28 - [자유노트/뮤직&튜브] - 내 블로그에 뮤직비디오 위젯 달기! 3가지 방법!

Embed 적용하기 - JWplayer FLV 플레이어

카테고리

태그목록

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

티스토리툴바