source: spip-zone/_plugins_/figure/modeles/video.html @ 103510

Last change on this file since 103510 was 103510, checked in by real3t@…, 3 years ago

Uniformisation de l'appel à figcaption (via une inclusion)

Passage en div pour ne pas tout avoir sur la même ligne.

ajout des classes

  • spip_doc_caption (pour l'instant stylé en dur mais ça devrait être fait par CSS externe)
  • spip_doc_credit

Je n'ai pas touché à doc_legende.html (c'est utilisé quand ?)

  • Property svn:eol-style set to native
File size: 2.8 KB
Line 
1<BOUCLE_tous (DOCUMENTS types_documents) {id_document=#ID} {tout}>[
2(#REM) on trouvera plusieurs variable de hauteur/largeur
3- les balises #HAUTEUR et #LARGEUR
4- #ENV{hauteur} et {largeur} correspondant <emb|hauteur=xx...>
5- #GET{hauteur} et #GET{largeur} correspondent prioritairement a #ENV,
6  puis #LARGEUR/HAUTEUR sauf si il y a un controleur
7]
8#SET{largeur,#ENV{largeur, #LARGEUR|?{#LARGEUR,480}}|max{120}}
9#SET{hauteur,#ENV{hauteur, #HAUTEUR|?{#HAUTEUR,300}}|max{75}}
10<figure class='spip_document_#ID_DOCUMENT spip_document_video spip_documents[ spip_documents_(#ENV{align})][ (#ENV{align})]'
11        style='[(#ENV{align}|match{^(left|right)$}|oui)float:#ENV{align};][width:(#GET{largeur})px]'[
12        (#TITRE|ou{#DESCRIPTIF}|ou{#CREDITS}|oui)role="group"]>
13        <div class="video-intrinsic-wrapper" style='height:0;width:100%;padding-bottom:[(#GET{hauteur}|div{#GET{largeur}}|mult{100}|round{2})]%;position:relative;'>
14                <div class="video-wrapper" style="position: absolute;top:0;left:0;width:100%;height:100%;">
15                        <video class="mejs mejs-#ID_DOCUMENT[ mejs-(#ENV{skin})]"
16                                        data-id="[(#VAL{mejs-#ID_DOCUMENT}|concat{#ENV{skin}}|md5)]"
17                                        data-mejsoptions='{"alwaysShowControls": true,"pluginPath":"[(#CHEMIN{lib/mejs/flashmediaelement.swf}|dirname)/]"[,"loop":(#ENV{loop}|?{true,false})],"videoWidth":"100%","videoHeight":"100%"[,"startVolume":"(#ENV{volume})"]}'
18                                        width="100%"
19                                        height="100%"
20                                        poster="[(#LOGO_DOCUMENT{vignette}|image_reduire{#GET{largeur},0}|extraire_attribut{src})]"
21                                        controls="controls"
22                                        preload="none"[
23                                        autoplay="autoplay"(#ENV{autoplay}|oui)]
24                                >
25                                <source type="[(#EXTENSION|in_array{#LISTE{mp4,webm,ogv}}|?{[(#MIME_TYPE|replace{application/,video/})],#MIME_TYPE})]" src="#FICHIER">
26                                [(#REM)
27
28                                        Flash fallback for non-HTML5 browsers without JavaScript
29
30                                ]<object width="#GET{largeur}" height="#GET{hauteur}" type="application/x-shockwave-flash" data="#CHEMIN{lib/mejs/flashmediaelement.swf}">
31                                        <param name="movie" value="#CHEMIN{lib/mejs/flashmediaelement.swf}">
32                                        <param name="flashvars" value="controls=true&amp;file=#FICHIER">
33                                        [(#REM)
34
35                                                Image as a last resort
36
37                                        ][(#LOGO_DOCUMENT|image_reduire{#GET{largeur},0}|vider_attribut{class}|inserer_attribut{alt,'Impossible de lire la video'})]
38                          </object>
39                        </video>
40                </div>
41        </div>[(#TITRE|ou{#DESCRIPTIF}|ou{#CREDITS}|oui)
42        <INCLURE{fond=modeles/inc_figcaption,titre=#TITRE,descriptif=#DESCRIPTIF,credits=#CREDITS}>]
43        [<script>/*<!\[CDATA\[*/var mejspath='[(#CHEMIN{lib/mejs/mediaelement-and-player.min.js}|timestamp)]',mejscss='[(#CHEMIN{lib/mejs/mediaelementplayer.min.css}|timestamp)]';
44        (#INCLURE{javascript/mejs-init.min.js})/*\]\]>*/</script>]
45        [(#ENV{skin}|oui)[<style>(#INCLURE{#CHEMIN{css/mejs-skin-#ENV{skin}.css}|sinon{#CHEMIN{lib/mejs/mejs-skins.css}}|url_absolue_css})</style>]]
46</figure>
47</BOUCLE_tous>
Note: See TracBrowser for help on using the repository browser.