#SET{videos,#ARRAY}
		<BOUCLE_playliste(ARTICLES){id_mot=88}>
			#SET{videos,#GET{videos}|array_merge{#ARRAY{#COMPTEUR_BOUCLE,#ID_ARTICLE}}}
		</BOUCLE_playliste>
<B_doc>
[(#REM)
	Modele pour <doc> modifie pour le plugin Lecteur Flash pour MP3
	http://spip-zone.info/spip.php?article18
	
	afficher une playliste
]
 <script type="text/javascript">
	var myListener = new Object();
	
	/**
	 * Initialisation
	 */
	myListener.onInit = function()
	{
		
	};
	/**
	 * onClick event on the video
	 */
	myListener.onClick = function()
	{
		var total = document.getElementById("info_click").innerHTML;
		document.getElementById("info_click").innerHTML = Number(total)+1;
	};
	/**
	 * onKeyUp event on the video
	 */
	myListener.onKeyUp = function(pKey)
	{
		document.getElementById("info_key").innerHTML = pKey;
	};
	/**
	 * onComplete event
	 */
	myListener.onFinished = function()
	{
		video_next();
	};
	/**
	 * Update
	 */
	myListener.onUpdate = function()
	{
		/*
		document.getElementById("info_playing").innerHTML = this.isPlaying;
    	document.getElementById("info_url").innerHTML = this.url;
    	document.getElementById("info_volume").innerHTML = this.volume;
    	document.getElementById("info_position").innerHTML = this.position;
    	document.getElementById("info_duration").innerHTML = this.duration;
    	// prevoir un preload de la prochaine video
		document.getElementById("info_buffer").innerHTML = this.bufferLength + "/" + this.bufferTime;
    	document.getElementById("info_bytes").innerHTML = this.bytesLoaded + "/" + this.bytesTotal + " (" + this.bytesPercent + "%)";
    	*/
    	var timer = this.bytesPercent ;
    	
    	$("#vloading").css({width:Math.round(timer) +"%"});
    	
    	var isPlaying = (this.isPlaying == "true");
    	isVideoPlaying = "true" ;
   		document.getElementById("playerplay").style.display = (isPlaying)?"none":"block";
   		document.getElementById("playerpause").style.display = (isPlaying)?"block":"none";
   		
    	var timer2 = this.position / this.duration * 100 ;
    	$("#vposition").css({width:Math.round(timer2) +"%"});
           
	};
	
	function getFlashObject()
	{
		return document.getElementById("myFlash");
	}
                
</script>
<!--[if IE]>
<script type="text/javascript" event="FSCommand(command,args)" for="myFlash">
eval(args);
</script>
<![endif]-->

[(#REM)
[(#CONFIG{player_preferences}|unserialize|var_dump)]
]

<style type="text/css">

/*	#vscrollbar{
		clear:both;
		height:5px;
		margin:5px 0px;
		border:1px solid white;
		background-color:white;
		position:relative;
	}
*//*	#vloading{
		margin:0px;
		padding:0px;
		height:5px;
		background-color:#ccc;
		width:0%;
		position:absolute;
		left:0px;
		top:0px;
		font-size:0.3em;
		z-index:10;
	}
*//*	#vposition{
		margin:0px;
		padding:0px;
		height:5px;
		background-color:#e74455;
		width:0%;
		position:absolute;
		left:0px;
		top:0px;
		font-size:0.3em;
		z-index:20;
	}
*/
	#vscrollbar {
		clear:none;
	}
	
	#playerv a{
	display:block;
	width:64px;
	height:64px;
	overflow:hidden;
	text-indent:-100em;
	}
	
	#playerv .button {
		float:left;
		width:64px;
		height:64px;
	}
	#playerv .play {
		background-image: url(#CHEMIN{images/play.png});
	}
	#playerv .play:hover {
		background-image: url(#CHEMIN{images/play_on.png});
	}
	#playerv .next {
		background-image: url(#CHEMIN{images/forward.png});
	}
	#playerv .next:hover {
		background-image: url(#CHEMIN{images/forward_on.png});
	}
	#playerv .prev {
		background-image: url(#CHEMIN{images/backward.png});
	}
	#playerv .prev:hover {
		background-image: url(#CHEMIN{images/backward_on.png});
	}
	#playerv .pause {
		background-image: url(#CHEMIN{images/pause.png});
		display: none;
	}
	#playerv .pause:hover {
		background-image: url(#CHEMIN{images/pause_on.png});
	}
	#playerv .stop {
		background-image: url(#CHEMIN{images/stop.png});
	}
	#playerv .stop:hover {
		background-image: url(#CHEMIN{images/stop_on.png});
	}
/*	#videobox{
		padding:10px; 
	}
*/
	#playliste_video{ 
		clear:both; 
		/* margin : 20px auto; */ 
		/* padding:0px; */
		/* background-color:#3E4040; */
		/* border:none; */
		width:#ENV{largeur,460}px;

	}

	ul.video { clear:both; /* margin : 10px 20px; padding:10px 0px; border:none;text-align:left;*/ }
	ul.video a { /* color:#fff; */ }
	ul.video li.over{ /* background-color:#eeeeee; */ }
	ul.video li.play_on { /* background-color:#a22c38; */ }
</style>
#ANCRE_PAGINATION
<div id="playliste_video">
	<object id="myFlash" type="application/x-shockwave-flash" data="#CHEMIN{flash/player_flv_js.swf}" width="#ENV{largeur,460}" height="#ENV{hauteur,345}">
		<param name="movie" value="#CHEMIN{flash/player_flv_js.swf}" />
		<param name="AllowScriptAccess" value="always" />
		<param name="FlashVars" value="listener=myListener&amp;interval=500&amp;useHandCursor=0&amp;bgcolor=1a1a1a&amp;buffer=9" />
		<p>Texte alternatif</p>
	</object>

	<div id="videobox">
		<div id="playerv">
			<div id="playerplay" class="button play"><a href="javascript:video_play(0)" >PLAY</a></div>
			<div id="playerpause" class="button pause"><a href="javascript:video_pause()">PAUSE</a></div>
			<div id="playerprev" class="button prev"><a href="javascript:video_prev()">PRECEDANT</a></div>
			<div id="playernext" class="button next"><a href="javascript:video_next()">SUIVANT</a></div>
			<div id="playerstop" class="button stop"><a href="javascript:video_stop()">STOP</a></div>
			<div style="clear:left;"></div>
		</div>
	
		<div id="vscrollbar">
			<div id="vloading"></div>
			<div id="vposition"></div>
		</div>
	
		<ul class="playliste video">
			<BOUCLE_doc (DOCUMENTS){id_article IN #GET{videos}} {extension==flv} {fichier == (flv$)} {!par date}{pagination 15}>
			<li class="play_">
				<a href="[(#FICHIER|replace{"\?key=(.)*$",""})]" type="#TYPE" rel="video">[(#TITRE|sinon{[(#FICHIER|joli_titre|couper{50})]})]</a>
				<B_article><small><br />In: <BOUCLE_article(ARTICLES){id_document}{"<br />"}><a href="#URL_ARTICLE" target="parent">#TITRE</a></BOUCLE_article></small></B_article>
			</li>
			</BOUCLE_doc>
		</ul>
		[<div class="playliste_pagination">(#PAGINATION)</div>]
	</div>	
</div>
</B_doc>