| Current Path : /home/etiennec/www/oldsite/plugins/auto/Lecteur_multimedia/skins/blogo/ |
| Current File : /home/etiennec/www/oldsite/plugins/auto/Lecteur_multimedia/skins/blogo/blogoplayer.html |
#CACHE{0}
<style type="text/css" media="screen">
@import url('#CHEMIN{skins/blogo/css/radio.css}');
</style>
<script>
jQuery(document).ready(function(){
jQuery("#playliste_video").hide();
jQuery("#playliste_podcast").hide();
jQuery("img.player_logo_art").hide();
var player_image_url = jQuery("img.player_logo_art").eq(0).attr("src") ;
var player_link_url = jQuery("img.player_logo_art").eq(0).next().attr("href");
//console.log(player_link_url);
if(player_image_url !== undefined)
jQuery("#media").html("<a href='" + player_link_url + "'><img src='" + player_image_url + "' style='width:285px' /> </a>");
jQuery("#affiche_video a").click(function(e){
e.preventDefault();
jQuery("#menu_affiche td div").css("height","auto");
jQuery(this).parent().css("height","20px");
jQuery(".playliste,.controles,#scrollbar,#playing,#media").hide();
player_stop();
jQuery("#playliste_video").show();
var id_start = $("a[@title='video']").eq(0).attr("rel");
jQuery("#media").load("./?page=embed_video&id_document=" + id_start);
});
jQuery("#affiche_podcast a").click(function(e){
e.preventDefault();
jQuery("#menu_affiche td div").css("height","auto");
jQuery(this).parent().css("height","20px");
jQuery(".playliste,.controles,#scrollbar,#playing,#media").hide();
jQuery("#media").html('');
player_stop();
jQuery("#playliste_podcast").show();
});
jQuery("#affiche_musique a").click(function(e){
e.preventDefault();
jQuery(".playliste").hide();
jQuery("#menu_affiche td div").css("height","auto");
jQuery(this).parent().css("height","20px");
jQuery("#video").hide();
jQuery("#playliste_musique").show();
var player_image_url = $("img.player_logo_art").eq(0).attr("src") ;
var player_link_url = $("img.player_logo_art").eq(0).next().attr("href");
//console.log(player_link_url);
if(player_image_url !== undefined)
jQuery("#media").html("<a href='" + player_link_url + "'><img src='" + player_image_url + "' style='width:285px' /> <\/a>");
jQuery(".controles,#scrollbar,#playliste_musique,#playing").show();
});
swfArray = new Array();
swftitles = new Array();
jQuery("a[@title='video']").each(
function(i) {
// we store swf links in an array
swfArray.push(this.href);
swftitles.push($(this).html());
//demarrer le lecteur lors d'un click
jQuery(this).click(
function(e){
e.preventDefault();
jQuery("#media").load("./?page=embed_video&id_document=" + this.rel);
// jQuery("#now_playing").html(jQuery(this).html());
}
);
}
);
});
</script>
<div class="radiobox">
<div id="media">
</div>
<div id="playing">
En ce moment vous écoutez :
<div id="scroller_container">
<div id="scroller">
<div id="now_playing"> </div>
</div>
</div>
</div>
<div class="leplayer">LE PLAYER</div>
<div id="scrollbar">
<div id="loading"></div>
<div id="position"></div>
</div>
<div class="controles">
<!--
<li onclick="player_prev()"><</li>
//-->
<div class="play">
<span><img id="bouton_play" src="#CHEMIN{skins/blogo/play.png}" alt="play"/></span>
</div>
<div class="time">
<div class="duration">
</div>
<div class="position">
</div>
</div>
<div class="autres_boutons">
<span onclick="player_prev()"> <img src="#CHEMIN{skins/blogo/backward.png}" id="bouton_next" alt="precedant"/></span>
<span onclick="player_next()"> <img src="#CHEMIN{skins/blogo/forward.png}" id="bouton_forward" alt="suivant"/></span>
<span onclick="reset_boutons();player_stop();"><img src="#CHEMIN{skins/blogo/stop.png}" alt="stop"/></span>
</div>
<!--
<li onClick="player_next()">></li>
//-->
</div>
<table id="menu_affiche"><tr>
<td><div id="affiche_musique"><a href="#">MUSIQUE</a></div></td>
<td><div id="affiche_video"><a href="#">VIDEOS</a></div></td>
#SET{visibility,""}
<BOUCLE_podcast(ARTICLES documents_articles documents types_documents mots_articles) {id_mot = 21} {statut=publie} {id_article ?} {extension==mp3}{!par date}{0,1}> </BOUCLE_podcast> [(#TOTAL_BOUCLE|=={0}|?{' ',''}) #SET{visibility,"visibility:hidden"} ] <//B_podcast>
<td><div id="affiche_podcast" style="[(#GET{visibility})]"><a href="#">PODCASTS</a></div></td>
</tr></table>
<B_doc>
<ul id="playliste_musique" class="playliste">
<BOUCLE_doc (ARTICLES documents_articles documents types_documents){statut=publie} {id_article ?} {extension==mp3}{!par date}{0,30}>
<BOUCLE_logo_art(ARTICLES){id_article}>
<BOUCLE_doc_mp3(DOCUMENTS){id_article}{extension==mp3}>
<li class="play_">
[(#_logo_art:LOGO_ARTICLE||image_reduire{255}|inserer_attribut{"class","player_logo_art"})]<a href="#_logo_art:URL_ARTICLE" title="lire : #_logo_art:TITRE"><img border="0" src="#CHEMIN{skins/blogo/pucenews.gif}"/></a>
<a href="#FICHIER" rel="enclosure">[(#TITRE|sinon{[(#FICHIER|joli_titre|couper{30})]})]</a></li>
</BOUCLE_doc_mp3>
</BOUCLE_logo_art>
</BOUCLE_doc>
</ul>
</B_doc>
<B_doc_tout>
<ul id="playliste_musique" class="haudio playliste">
<BOUCLE_doc_tout (ARTICLES documents_articles documents types_documents){statut=publie}{extension==mp3}{!par date}{0,100}>
<BOUCLE_logo_art_tout(ARTICLES){id_article}>
<BOUCLE_doc_mp3_tout(DOCUMENTS){id_article}{extension==mp3}>
<li class="title play_">
[(#_logo_art_tout:LOGO_ARTICLE||image_reduire{255}|inserer_attribut{"class","player_logo_art"})]<a href="#_logo_art_tout:URL_ARTICLE" title="lire : #_logo_art_tout:TITRE"><img border="0" src="#CHEMIN{skins/blogo/pucenews.gif}"/></a>
<a href="#FICHIER" rel="enclosure">[(#TITRE|sinon{[(#FICHIER|joli_titre|couper{30})]})]</a></li>
</BOUCLE_doc_mp3_tout>
</BOUCLE_logo_art_tout>
</BOUCLE_doc_tout>
</ul>
</B_doc_tout>
<//B_doc>
<B_docswf>
<ul id="playliste_video" class="playliste">
<BOUCLE_docswf (ARTICLES documents_articles documents types_documents){statut=publie} {id_article ?} {extension==swf}{!par date}{0,30}>
<BOUCLE_logo_art_swf(ARTICLES){id_article}>
<BOUCLE_doc_swf(DOCUMENTS){id_article}{extension==swf}>
<li class="play_"><a href="#_logo_art_swf:URL_ARTICLE" title="lire : #_logo_art_swf:TITRE"><img border="0" src="#CHEMIN{skins/blogo/pucenews.gif}"/></a>
<a href="#FICHIER" rel="#ID_DOCUMENT" title="video">[(#TITRE|sinon{[(#FICHIER|joli_titre|couper{30})]})]</a></li>
</BOUCLE_doc_swf>
</BOUCLE_logo_art_swf>
</BOUCLE_docswf>
</ul>
</B_docswf>
<B_docswf_tout>
<ul id="playliste_video" class="playliste">
<BOUCLE_docswf_tout (ARTICLES documents_articles documents types_documents){statut=publie}{extension==swf}{!par date}{0,100}>
<BOUCLE_logo_art_swf_tout(ARTICLES){id_article}>
<BOUCLE_doc_swf_tout(DOCUMENTS){id_article}{extension==swf}>
<li class="play_"><a href="#_logo_art_swf_tout:URL_ARTICLE" title="lire : #_logo_art_swf_tout:TITRE"><img border="0" src="#CHEMIN{skins/blogo/pucenews.gif}"/></a>
<a href="#FICHIER" rel="#ID_DOCUMENT" title="video">[(#TITRE|sinon{[(#FICHIER|joli_titre|couper{30})]})]</a></li>
</BOUCLE_doc_swf_tout>
</BOUCLE_logo_art_swf_tout>
</BOUCLE_docswf_tout>
</ul>
</B_docswf_tout>
<//B_docswf>
<B_docpodcast>
<ul id="playliste_podcast" class="playliste">
<BOUCLE_docpodcast(ARTICLES documents_articles documents types_documents mots_articles) {id_mot = 21} {statut=publie} {id_article ?} {extension==mp3}{!par date}{0,30}>
<BOUCLE_logo_artpodcast(ARTICLES){id_article}>
<BOUCLE_doc_mp3podcast(DOCUMENTS){id_article}{extension==mp3}>
<li class="play_">
<a href="#_logo_artpodcast:URL_ARTICLE" title="lire : #_logo_artpodcast:TITRE"><img border="0" src="#CHEMIN{skins/blogo/pucenews.gif}"/></a>
<a href="#FICHIER" rel="enclosure">[(#TITRE|sinon{[(#FICHIER|joli_titre|couper{30})]})]</a></li>
</BOUCLE_doc_mp3podcast>
</BOUCLE_logo_artpodcast>
</BOUCLE_docpodcast>
</ul>
</B_docpodcast>
<B_doc_toutpodcast>
<ul id="playliste_podcast" class="playliste">
<BOUCLE_doc_toutpodcast (ARTICLES documents_articles documents types_documents mots_articles) {id_mot = 21} {statut=publie}{extension==mp3}{!par date}{0,100}>
<BOUCLE_logo_art_toutpodcast(ARTICLES){id_article}>
<BOUCLE_doc_mp3_toutpodcast(DOCUMENTS){id_article}{extension==mp3}>
<li class="play_">
<a href="#_logo_art_toutpodcast:URL_ARTICLE" title="lire : #_logo_art_toutpodcast:TITRE"><img border="0" src="#CHEMIN{skins/blogo/pucenews.gif}"/></a>
<a href="#FICHIER" rel="enclosure">[(#TITRE|sinon{[(#FICHIER|joli_titre|couper{30})]})]</a></li>
</BOUCLE_doc_mp3_toutpodcast>
</BOUCLE_logo_art_toutpodcast>
</BOUCLE_doc_toutpodcast>
</ul>
</B_doc_toutpodcast>
<//B_docpodcast>
</div>