Gigya Code 를 이용해서 BGM과 동영상을 삽입해보자.

 

Gigya Code 를 이용해서 동영상과 BGM ( Background Music ) 을 삼입해보자.

Gigya code 의 서식은 아래와 같다.

그런데 Internet Explorer 로는 잘 나오는데 FireFox 나 Goole Chrome 에서는 나오지 않는 오류가 있다.

 

 


[ gigya src="URL HERE" width="WWW" height="HHH" allowFullScreen="true" allowscriptaccess="always" ]

 

 

2단계 : 여기서 bgm 음악을 서식해보자.

 

무소로그스키 – 전람회의 그림 ( Pictures At An Exhibition ) 피아노 버전.

 

위의 링크에 접속해 들어가보면 swf 주소를 볼 수 있을 것이다.
그것을 복사해서 Gigya code 에 적용해주면 된다.

 

 


[ gigya src="http://swf1.bgms.kr/pds/swf/czqrp.swf" width="400" height="360" allowFullScreen="true" allowscriptaccess="always" ]

 

 

이렇게 하고 나면 아래와 같이 bgm 영상이 뜬다.

 

 

 

 

 

 

bgm 영상은 이렇게 올리면 되고 이번에는 Video 영상을 올려보도록 하자.

예를 들어보기 위해 다음 동영상을 올리기로 했다.

 

 


< object type='application/x-shockwave-flash' id='DaumVodPlayer_98DFau6LiPc$' width='640px' height='360px' align='middle' classid=
'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000'
codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,3,0,0'>
< param name='movie' value='http://videofarm.daum.net/controller/player/VodPlayer.swf' /><param name='allowScriptAccess' value='always' />
< param name='allowFullScreen' value='true' /> < param name='bgcolor' value='#000000' />
< param name='wmode' value='window' />
< param name='flashvars' value='vid=98DFau6LiPc$&playLoc=undefined' />
< embed src='http://videofarm.daum.net/controller/player/VodPlayer.swf' width='640px'
height='360px' allowScriptAccess='always' type='application/x-shockwave-flash' allowFullScreen='true'
bgcolor='#000000' flashvars='vid=98DFau6LiPc$&playLoc=undefined'> < /embed>< /object>

 

 

이것을 Gigya Code 로 변환하면 아래와 같다.

 

 

[ gigya src="http://videofarm.daum.net/controller/player/VodPlayer.swf" width="640"

height = "360" allowScriptAccess="always" allowFullScreen="true" bgcolor="#000000" flashvars="vid=98DFau6LiPc$&playLoc=undefined" ]

 

 

 

그러면 아래와 같은 영상이 뜰 것이다.

 

 

 

 

 

다른 동영상도 똑같이 적용해보자.

 

 


< object id="otvPlayer" width="400" height="268"><param name="movie" value=
"http://cdn.abclocal.go.com/static/flash/embeddedPlayer/swf/otvEmLoader.swf?version=fw1000&station=wtvd&section=&mediaId=9051864&parentId=
null&cdnRoot=
http://cdn.abclocal.go.com&webRoot=http://abclocal.go.com&configPath=/util/&site=" ></param>
< param name="allowScriptAccess" value="always"></param></p>
< param name="allowNetworking" value="all"></param><param name="allowFullScreen" value="true"></param>
< embed id="otvPlayer" width="400" height="268" type="application/x-shockwave-flash" allowscriptaccess="always" allownetworking="all"
allowfullscreen="true"
src="http://cdn.abclocal.go.com/static/flash/embeddedPlayer/swf/otvEmLoader.swf?version=fw1000&station=
wtvd&section=&mediaId=9051864&parentId=null&cdnRoot=
http://cdn.abclocal.go.com&webRoot=http://abclocal.go.com&configPath=/util/&site="></embed></object>

 

 

이것을 Gigya code 로 변환하면 다음과 같다.

 

[ gigya width="400" height="268" allowscriptaccess="always" allownetworking="all" allowfullscreen="true" src=
"http://cdn.abclocal.go.com/static/flash/embeddedPlayer/swf/otvEmLoader.swf" flashvars=
"version=fw1000&station=wtvd&section=&mediaId=9051864&parentId=null&cdnRoot=
http://cdn.abclocal.go.com&webRoot=http://abclocal.go.com&configPath=/util/&site=" ]

 

 

최종적으로 나오는 동영상이다.

 

 

 

 

 

 

마지막으로 하나 더 해보자.

 

 


< object width="580" height="356" type="application/x-shockwave-flash" name="player" data=
"http://tv.ichannela.com/playerData/player.swf" id="player"><param name="allowfullscreen" value="true" />
< param name="allowscriptaccess" value="always" /><param name="wmode" value="direct" /><param name="movie" value=
"http://tv.ichannela.com/playerData/player.swf" /><param name="flashvars" value="gid=54402619.1|54402498&load_sns=N" />
< /object>

 

 

이것을 Gigya Code로 변환하면 아래와 같다.

 


[ gigya src="http://tv.ichannela.com/playerData/player.swf" width="480"height="340"
allowFullScreen="true" allowscriptaccess="always" flashvars="gid=54402619.1|54402498&load_sns=N"]

 

 

최종적으로 나오는 영상은 아래와 같다.

 

 

 

 

 

 

 

 

 

 

 

Advertisements
  1. 내가 지금까지 사용해 본 SyntaxHighlighter 들. | 맑은강물의 스페이스.

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중

%d 블로거가 이것을 좋아합니다: