일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 해피CGI
- 쇼핑몰
- 사이트제작
- #해피CGI
- #CSS
- #솔루션
- #홈페이지제작
- CSS
- 게시판
- #웹솔루션
- #뉴스
- #쇼핑몰
- 홈페이지
- #업종별
- #jQuery
- 솔루션
- #동영상
- #image
- #홈페이지
- php
- jquery
- happycgi
- #이미지
- 웹솔루션
- CGIMALL
- 홈페이지제작
- javascript
- #cgimall
- #happycgi
- 해피씨지아이
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] f4Player V1.3.5 FLV 플레이어 본문
해당 플레이어로 flv, f4v, mp4등의 미디어 파일들을 재생 할 수 있습니다.^^
사용방법도 아주 간단 합니다.
기존 플래쉬 호출을 하시듯 아래와 같이 object 태그 또는 embed 태그를 통해 호출을 하시면 됩니다.
1번예제
사용방법도 아주 간단 합니다.
기존 플래쉬 호출을 하시듯 아래와 같이 object 태그 또는 embed 태그를 통해 호출을 하시면 됩니다.
1번예제
<object id="f4Player" width="480" height="270" type="application/x-shockwave-flash" data="/data/dev/f4player/player.swf?v1.3.5">
<param name="movie" value="/data/dev/f4player/player.swf?v1.3.5" />
<param name="quality" value="high" />
<param name="menu" value="false" />
<param name="scale" value="noscale" />
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="swlivevonnect" value="true" />
<param name="cachebusting" value="false">
<param name="flashvars" value="skin=[SKIN_FILE]&thumnail=[THUMB_IMAGE]&video=[VIDEO_FILE]"/>
<a href="http://www.adobe.com/go/flashplayer/">Download it from Adobe.</a>
<a href="http://gokercebeci.com/dev/f4player" title="flv player">flv player</a>
</object>
2번예제
결과물 샘플
위에서 [SKIN_FILE] 은 압축파일에 있는 skins폴더의 mySkin.swf 파일을 지정 하시면 되며,
[THUMB_IMAGE] 는 재생되는 동영상의 썸네일 이미지 경로를 지정 하시면 되겠습니다.
그리고 [VIDEO_FILE]의 경우 재생을 원하시는 파일 경로를 지정 하시면 됩니다.
THUMB_IMAGE 는 제작자 홈페이지의 사용방법에는 나와 있지 않았지만,
샘플 코드에는 명시가 되어 있어서 위 소스에 추가 해두었습니다.^^;
f4player 홈페이지 : https://gokercebeci.com/dev/f4player
2번예제
<embed type="application/x-shockwave-flash" src="/data/dev/f4player/player.swf?v1.3.5" id="f4Player" width="480" height="270" flashvars="skin=[SKIN_FILE]&thumnail=[THUMB_IMAGE]&video=[VIDEO_FILE]" allowscriptaccess="always" allowfullscreen="true" bgcolor="#000000"/>
<noembed>
You need Adobe Flash Player to watch this video.
<a href="http://get.adobe.com/flashplayer/">Download it from Adobe.</a>
<a href="http://gokercebeci.com/dev/f4player" title="flv player">flv player</a>
</noembed>
결과물 샘플
위에서 [SKIN_FILE] 은 압축파일에 있는 skins폴더의 mySkin.swf 파일을 지정 하시면 되며,
[THUMB_IMAGE] 는 재생되는 동영상의 썸네일 이미지 경로를 지정 하시면 되겠습니다.
그리고 [VIDEO_FILE]의 경우 재생을 원하시는 파일 경로를 지정 하시면 됩니다.
THUMB_IMAGE 는 제작자 홈페이지의 사용방법에는 나와 있지 않았지만,
샘플 코드에는 명시가 되어 있어서 위 소스에 추가 해두었습니다.^^;
f4player 홈페이지 : https://gokercebeci.com/dev/f4player
'웹프로그램밍 자료실 > 플래시 자료' 카테고리의 다른 글
[해피CGI][cgimall] 웹스케치북 zefrank (0) | 2016.11.03 |
---|---|
[해피CGI][cgimall] 내가 원하는 색깔을 찾아서 Kuler (0) | 2016.11.01 |
[해피CGI][cgimall] 무료 플래시소스 모음 사이트 (0) | 2016.10.28 |
[해피CGI][cgimall] 플래쉬를 이용한 파일업로드 (멀티가능) (0) | 2016.10.24 |
[해피CGI][cgimall] freenicetemplates 에서 무료로 유요한 소스받아가세요 (0) | 2016.10.20 |
Comments