[SPIP][PLUGINS] v3.0-->v3.2

[lhc/web/www.git] / www / plugins-dist / medias / modeles / video.html

diff --git a/www/plugins-dist/medias/modeles/video.html b/www/plugins-dist/medias/modeles/video.html
index 930fddb..0a4ea99 100644 (file)
--- a/www/plugins-dist/medias/modeles/video.html
+++ b/www/plugins-dist/medias/modeles/video.html
@@ -1,38 +1,47 @@
-<BOUCLE_tous (DOCUMENTS types_documents) {id_document=#ID} {tout}>[
+<BOUCLE_tous(DOCUMENTS types_documents) {id_document=#ID} {tout}>[
 (#REM) on trouvera plusieurs variable de hauteur/largeur
 - les balises #HAUTEUR et #LARGEUR
 - #ENV{hauteur} et {largeur} correspondant <emb|hauteur=xx...>
 - #GET{hauteur} et #GET{largeur} correspondent prioritairement a #ENV,
   puis #LARGEUR/HAUTEUR sauf si il y a un controleur
 ]
-#SET{hauteur,#ENV{hauteur,#HAUTEUR}} #SET{largeur,#ENV{largeur,#LARGEUR}}
-[(#REM)
+#SET{largeur,#ENV{largeur, #LARGEUR|?{#LARGEUR,480}}|max{120}}
+#SET{hauteur,#ENV{hauteur, #HAUTEUR|?{#HAUTEUR,300}}|max{75}}
+<div class='spip_document_#ID_DOCUMENT spip_document_video spip_documents[ spip_documents_(#ENV{align})]'
+       style='[(#ENV{align}|match{^(left|right)$}|oui)float:#ENV{align};][width:(#GET{largeur})px]'>
+<div class="video-intrinsic-wrapper" style='height:0;width:100%;padding-bottom:[(#GET{hauteur}|div{#GET{largeur}}|mult{100}|round{2})]%;position:relative;'>
+       <div class="video-wrapper" style="position: absolute;top:0;left:0;width:100%;height:100%;">
+               <video class="mejs mejs__player mejs-#ID_DOCUMENT[ mejs-(#ENV{skin})]"
+                               data-id="[(#VAL{mejs-#ID_DOCUMENT}|concat{#ENV{skin}}|md5)]"
+                               data-mejsoptions='{"alwaysShowControls": true,"pluginPath":"[(#CHEMIN{lib/mejs/flashmediaelement.swf}|dirname)/]"[,"loop":(#ENV{loop}|?{true,false})],"videoWidth":"100%","videoHeight":"100%"[,"startVolume":"(#ENV{volume})"]}'
+                               width="100%"
+                               height="100%"[
+                               poster="(#LOGO_DOCUMENT{vignette}|image_reduire{#GET{largeur},0}|extraire_attribut{src})"]
+                               controls="controls"
+                               preload="none"[
+                               autoplay="autoplay"(#ENV{autoplay}|oui)]
+                       >
+                       <source type="[(#EXTENSION|in_array{#LISTE{mp4,webm,ogv}}|?{[(#MIME_TYPE|replace{application/,video/})],#MIME_TYPE})]" src="#FICHIER" />
+                       [(#REM)
 
-       Si la taille est zero, mettre une valeur par defaut 320x240
+                               Flash fallback for non-HTML5 browsers without JavaScript
 
-][(#GET{hauteur}|plus{#GET{largeur}}|?{'',
-       [(#SET{largeur,320})][(#SET{hauteur,240})]
-})]
-[(#REM)
-       Pour quicktime il faut ajouter 16 pixels en hauteur
-       cf. http://article.gmane.org/gmane.comp.web.spip.zone/9231/match=quicktime
+                       ]<object width="#GET{largeur}" height="#GET{hauteur}" type="application/x-shockwave-flash" data="#CHEMIN{lib/mejs/flashmediaelement.swf}">
+                               <param name="movie" value="#CHEMIN{lib/mejs/flashmediaelement.swf}" />
+                               <param name="flashvars" value="controls=true&amp;file=#FICHIER" />
+                               [(#REM) 
 
-][(#EXTENSION|=={mov}|?{#SET{hauteur,#GET{hauteur}|plus{16}}})]
-[(#ENV{controls}=={PlayButton}|?{#SET{hauteur,25},''})][
- (#ENV{controls}=={PlayButton}|?{#SET{largeur,40},''})][
- (#ENV{controls}=={PositionSlider}|?{#SET{hauteur,25},''})][
- (#ENV{controls}=={PositionSlider}|?{#SET{largeur,#GET{largeur}|moins{40}},''})
-][(#INCLUS|=={embed}|?{[(#ENV{controls,''}|non)
-<div class='spip_document_#ID_DOCUMENT spip_documents[ spip_documents_(#ENV{align})]'[
-style='[(#ENV{align}|match{^(left|right)$}|?{' '})float:#ENV{align};] (#ENV{align,center}|=={center}|non)[width:(#GET{largeur}|max{120})px]']>
-]})
-]
-<object width='#GET{largeur}' height='#GET{hauteur}'>
-<param name='movie' value='#URL_DOCUMENT' />
-<param name='src' value='#URL_DOCUMENT' />
-[(#ENV*|env_to_params)]
-<embed src='#URL_DOCUMENT' [(#ENV*|env_to_attributs)] width='#GET{largeur}' height='#GET{hauteur}'></embed></object>
-
-[<div class='spip_doc_titre'><strong>(#TITRE)</strong></div>][<div class='spip_doc_descriptif'>(#DESCRIPTIF|PtoBR)[(#NOTES|PtoBR)]</div>]</div>
+                                       Image as a last resort
 
-</BOUCLE_tous>
+                               ][(#LOGO_DOCUMENT|image_reduire{#GET{largeur},0}|vider_attribut{class}|inserer_attribut{alt,'Impossible de lire la video'})]
+                 </object>
+               </video>
+       </div>
+</div>
+[<div class='#EDIT{titre} spip_doc_titre'><strong>(#TITRE)</strong></div>]
+[<div class='#EDIT{descriptif} spip_doc_descriptif'>(#DESCRIPTIF|PtoBR)[(#NOTES|PtoBR)]</div>]
+[<script>/*<!\[CDATA\[*/var mejspath='[(#CHEMIN{lib/mejs/mediaelement-and-player.min.js}|timestamp)]',mejscss='[(#CHEMIN{lib/mejs/mediaelementplayer.min.css}|timestamp)]';
+(#INCLURE{javascript/mejs-init.min.js})/*\]\]>*/</script>]
+[(#ENV{skin}|oui)[<style>(#INCLURE{#CHEMIN{css/mejs-skin-#ENV{skin}.css}|url_absolue_css})</style>]]
+</div>
+</BOUCLE_tous>
\ No newline at end of file