source: spip-zone/_core_/plugins/medias/modeles/audio.html @ 108320

Last change on this file since 108320 was 108320, checked in by cedric@…, 16 months ago

Report de r108317 : Retablir l'initialisation JS de mediaelement.js via le script mejs-init.js qui prend en charge les attributs data- et ajoute les class paused/playing selon l'etat du player. Retrait de la class mejsplayer qui avait ete ajoutee pour declencher l'init automatique au lieu de reparer le script mejs-init.js

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