|
|
|
@ -7,27 +7,33 @@
|
|
|
|
|
]
|
|
|
|
|
#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})]'
|
|
|
|
|
<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-#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)]
|
|
|
|
|
<video class="mejs 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" />
|
|
|
|
|
<!-- Flash fallback for non-HTML5 browsers without JavaScript -->
|
|
|
|
|
<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&file=#FICHIER" />
|
|
|
|
|
<!-- Image as a last resort -->
|
|
|
|
|
[(#LOGO_DOCUMENT|image_reduire{#GET{largeur},0}|vider_attribut{class}|inserer_attribut{alt,'Impossible de lire la video'})]
|
|
|
|
|
<source type="[(#EXTENSION|in_array{#LISTE{mp4,webm,ogv}}|?{[(#MIME_TYPE|replace{application/,video/})],#MIME_TYPE})]" src="#FICHIER" />
|
|
|
|
|
[(#REM)
|
|
|
|
|
|
|
|
|
|
Flash fallback for non-HTML5 browsers without JavaScript
|
|
|
|
|
|
|
|
|
|
]<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&file=#FICHIER" />
|
|
|
|
|
[(#REM)
|
|
|
|
|
|
|
|
|
|
Image as a last resort
|
|
|
|
|
|
|
|
|
|
][(#LOGO_DOCUMENT|image_reduire{#GET{largeur},0}|vider_attribut{class}|inserer_attribut{alt,'Impossible de lire la video'})]
|
|
|
|
|
</object>
|
|
|
|
|
</video>
|
|
|
|
|
</div>
|
|
|
|
@ -38,4 +44,4 @@
|
|
|
|
|
(#INCLURE{javascript/mejs-init.min.js})/*\]\]>*/</script>]
|
|
|
|
|
[(#ENV{skin}|oui)[<style>(#INCLURE{#CHEMIN{css/mejs-skin-#ENV{skin}.css}|sinon{#CHEMIN{lib/mejs/mejs-skins.css}}|url_absolue_css})</style>]]
|
|
|
|
|
</div>
|
|
|
|
|
</BOUCLE_tous>
|
|
|
|
|
</BOUCLE_tous>
|