[유용정보] HTML5 Web Player 설치방법

http://study4you.kr/xe/?mid=homepage&page=1&document_srl=12438  에서 퍼온 자료입니다.

1. jwplayer

공식 사이트 : http://www.longtailvideo.com/

<load target="./jwplayer.js" />

<div id="flash_movie">Loding Flash...</div>

<script type="text/javascript">

//<![CDATA[

jwplayer('flash_movie').setup({

autostart:false,

flashplayer: 'http://player.longtailvideo.com/player.swf',

file: '파일경로',

width: 500,

height: 400,

stretching: 'exactfit'

});

//]]>

</script>

<load target="./jwplayer.js" />

<div id="flash_movie">Loding Flash...</div>

<script type="text/javascript">

//<![CDATA[

jwplayer('flash_movie').setup({

autostart:false,

flashplayer: 'http://player.longtailvideo.com/player.swf',

playlist: [

<!--@foreach($filepath as $key => $filelist)-->

{

<!--@if($filelist['image'])-->

'image': '{$filelist["image"]}',

<!--@end-->

'file': '{$filelist["movie"]}'

<!--@if($key < count($filepath)-1)-->},<!--@end-->

<!--@end-->

}],

width: 500,

height: 400,

stretching: 'exactfit',

repeat: 'list'

});

//]]>

</script>

2. flowplayer

공식사이트 : http://flowplayer.org

<load target="./flowplayer-3.2.6.min.js" />

<a href="파일경로" id="flash_movie" style="display:block;width:500px;height:400px;">Loding Flash...</a>

<script type="text/javascript">

//<![CDATA[

flowplayer("flash_movie", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf",{clip: {autoPlay: false,scaling:"scale"}});

//]]>

</script>

3. swfobject

공식사이트 : http://code.google.com/p/swfobject/

<load target="./swfobject.js" />

<div id="flash_movie">Please install the Flash Plugin</div>

<script type="text/javascript">

//<![CDATA[

var flashvars = { file:"파일경로",autostart:"false",stretching: "fill" };

var params = { allowfullscreen:'true', allowscriptaccess:'always' };

var attributes = { id:'flash_movie', name:'flash_movie' };

swfobject.embedSWF('http://player.longtailvideo.com/player.swf','flash_movie','500','400','9.0.115','expressInstall.swf',flashvars, params, attributes);

//]]>

</script>

4. jQuery Media Plugin

공식사이트 : http://jquery.malsup.com/media/

<load target="./jquery.media.js" />

<a href="파일경로" class="wmp_movie">Please install the Windows Media Player!</a>

<script type="text/javascript">

//<![CDATA[

jQuery(document).ready(function($){

$('.wmp_movie').media({

width: 500,

height: 400,

autoplay: false,

attrs: { autoStart: "false", windowlessvideo: "true", allowfullscreen: "true" }, // object/embed attrs

params: { autoStart: "false", allowfullscreen: "true" },

caption: false // supress caption text

});

});

//]]>

</script>

5. Flash

<OBJECT classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="500" height="400" codebase="http://www.apple.com/qtactivex/qtplugin.cab">

<param name="type" value="video/quicktime">

<param name="src" value="파일경로">

<param name="autoplay" value="false">

<param name="controller" value="true">

<param name="loop" value="false">

<param name="scale" value="tofit">

<param name="cache" value="true">

<EMBED src="파일경로" width="500" height="400" autoplay="false" scale="tofit" controller="true" loop="false" bgcolor="#000000" volume="80" cache="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></EMBED>

</OBJECT>

## 파일이름이 한글또는 특수문자등이 포함된 경우, 아래와같이 iconv() 로 인코딩을 해주어야 정상적으로 로딩이 됩니다.

{iconv('EUC-KR', 'UTF-8', 파일경로)}