18 lines
1.8 KiB
HTML
18 lines
1.8 KiB
HTML
#SET{thumbnail,#ENV{data/thumbnail_url}|sinon{#ENV{data/image}}}
|
|
#SET{async,#ENV{async}|=={non}|non|et{#GET{thumbnail}|et{#ENV*{data/html}|match{'<iframe'}}|oui}}
|
|
<div class="oembed oe-video[(#GET{async}|oui)async] clearfix[ (#ENV{align})]" style="max-width:#ENV{data/width}px;">
|
|
<div class="rwd-video-container[(#GET{async}|oui)oe-play-button]"
|
|
style="width:100%;height:0;padding-bottom:[(#ENV{data/height}|div{#ENV{data/width}}|mult{100}|round{2})]%;[background-image:url('(#GET{thumbnail}|oembed_safe_thumbnail)');background-repeat:no-repeat;background-position:center;background-size:cover;]"
|
|
[(#GET{async}|oui)
|
|
onclick="if (jQuery(this).is('.oe-play-button')){jQuery(this).removeClass('oe-play-button').addClass('loading').html(decodeURIComponent('[(#ENV*{data/html}|oembed_force_video_autoplay|rawurlencode|texte_script)]'));}"
|
|
]>
|
|
[(#GET{async}|oui)<button onclick="jQuery(this).parent().trigger('click');"><span class="oe-play-button_label"><:oembed:bouton_lecture:></span></button>]
|
|
[(#GET{async}|non)[(#ENV*{data/html}|et{#ENV{autoplay}}|?{[(#ENV*{data/html}|oembed_force_video_autoplay)],#ENV*{data/html}|sinon{#ENV{url}}})] ]
|
|
</div>
|
|
<style><!--/**/.oe-video .loading {background-image:url("#CHEMIN_IMAGE{searching.gif}")!important;background-size:auto !important;}/**/--></style>
|
|
</div>
|
|
<figcaption class="spip_doc_legende">
|
|
[<div class="spip_doc_titre" style="max-width:#ENV{data/width}px;"><a href="#ENV*{url}" class="oe-title">(#ENV*{data/title})</a>[(#ENV*{data/author_name}|oui)
|
|
<span class="oe-author"><br/><span class="oe-author_par"><:par_auteur:></span>[(#ENV*{data/author_url}|?{[<a class="oe-author_name" href="#ENV*{data/author_url}">(#ENV*{data/author_name})</a>],<span class="oe-author_name">#ENV*{data/author_name}</span>})]</span>]</div>]
|
|
[<div class="spip_doc_titre oembed-source">(#ENV*{lien}|echappe_retour)</div>]
|
|
</figcaption>
|