41b3e1a045b20ff3fe751e2e1e02e10cf30536cc
[lhc/web/www.git] / www / plugins-dist / medias / modeles / audio.html
1 <BOUCLE_tous (DOCUMENTS types_documents) {id_document=#ID} {tout}>
2 #SET{largeur,#ENV{largeur, #LARGEUR|?{#LARGEUR,400}}|max{120}}
3 #SET{duree,#ENV{duree,#DUREE}}[(#SET{duree,[(#GET{duree}|intval|?{[(#GET{duree}|intval)],''})]})]
4 <div class='spip_document_#ID_DOCUMENT spip_document_audio spip_documents[ spip_documents_(#ENV{align})]'
5 style='[(#ENV{align}|match{^(left|right)$}|oui)float:#ENV{align};][width:(#GET{largeur})px]'>
6 [(#LOGO_DOCUMENT{vignette}|image_reduire{#GET{largeur},0}|vider_attribut{class})]
7 <div class="audio-wrapper"[ style='width:(#GET{largeur})px;max-width:100%;']>
8 <audio class="mejs mejs-#ID_DOCUMENT [ mejs-(#ENV{skin})]"
9 data-id="[(#VAL{mejs-#ID_DOCUMENT}|concat{#ENV{skin}}|md5)]"
10 src="#FICHIER"
11 type="#MIME_TYPE"
12 preload="none"
13 data-mejsoptions='{"alwaysShowControls": true[,"loop":(#ENV{loop}|?{true,false})],"audioWidth":"100%"[,"audioHeight":"(#ENV{hauteur})"][,"startVolume":"(#ENV{volume})"][,"duration":(#GET{duree})]}'
14 controls="controls"
15 [autoplay="autoplay"(#ENV{autoplay}|oui)]></audio>
16 </div>
17 [<div class='#EDIT{titre} spip_doc_titre'><strong>(#TITRE)</strong></div>]
18 [<div class='#EDIT{descriptif} spip_doc_descriptif'>(#DESCRIPTIF|PtoBR)[(#NOTES|PtoBR)]</div>]
19 [<script>/*<!\[CDATA\[*/var mejspath='[(#CHEMIN{lib/mejs/mediaelement-and-player.min.js}|timestamp)]',mejscss='[(#CHEMIN{lib/mejs/mediaelementplayer.min.css}|timestamp)]';
20 (#INCLURE{javascript/mejs-init.min.js})/*\]\]>*/</script>]
21 [(#ENV{skin}|oui)[<style>(#INCLURE{#CHEMIN{css/mejs-skin-#ENV{skin}.css}|sinon{#CHEMIN{lib/mejs/mejs-skins.css}}|url_absolue_css})</style>]]
22 </div>
23 </BOUCLE_tous>