www/plugins-dist/medias/modeles/video.html

   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 #SET{duree,#ENV{duree,#DUREE}}[(#SET{duree,[(#GET{duree}|intval|?{[(#GET{duree}|intval)],''})]})]
  11 <div class='spip_document_#ID_DOCUMENT spip_document_video spip_documents[ spip_documents_(#ENV{align})]'
  12         style='[(#ENV{align}|match{^(left|right)$}|oui)float:#ENV{align};][width:(#GET{largeur})px]'>
  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})"][,"duration":(#GET{duree})]}'
  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>
  42 [<div class='#EDIT{titre} spip_doc_titre'><strong>(#TITRE)</strong></div>]
  43 [<div class='#EDIT{descriptif} spip_doc_descriptif'>(#DESCRIPTIF|PtoBR)[(#NOTES|PtoBR)]</div>]
  44 [<script>/*<!\[CDATA\[*/var mejspath='[(#CHEMIN{lib/mejs/mediaelement-and-player.min.js}|timestamp)]',mejscss='[(#CHEMIN{lib/mejs/mediaelementplayer.min.css}|timestamp)]';
  45 (#INCLURE{javascript/mejs-init.min.js})/*\]\]>*/</script>]
  46 [(#ENV{skin}|oui)[<style>(#INCLURE{#CHEMIN{css/mejs-skin-#ENV{skin}.css}|url_absolue_css})</style>]]
  47 </div>
  48 </BOUCLE_tous>