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

Last change on this file since 87066 was 87066, checked in by cedric@…, 5 years ago

Report de js init du plugin player : le css est injecte en async dans un link plutot que inline repete a chaque player

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               data-mejsoptions='{"alwaysShowControls": true[,"loop":(#ENV{loop}|?{true,false})],"audioWidth":"100%"[,"audioHeight":"(#ENV{hauteur})"][,"startVolume":"(#ENV{volume})"]}'
12               data-mejscss='[(#LISTE{#CHEMIN{lib/mejs/mediaelementplayer.min.css}}|json_encode)]'
13               controls="controls"
14                                 [autoplay="autoplay"(#ENV{autoplay}|oui)]></audio>
15</div>
16[<div class='spip_doc_titre'><strong>(#TITRE)</strong></div>]
17[<div class='spip_doc_descriptif'>(#DESCRIPTIF|PtoBR)[(#NOTES|PtoBR)]</div>]
18[<script>/*<!\[CDATA\[*/var mejspath = '[(#CHEMIN{lib/mejs/mediaelement-and-player.min.js}|timestamp)]';
19(#INCLURE{javascript/mejs-init.min.js}|compacte{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.