#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>
#SET{legende,''}[(#ID_DOCUMENT|oui)[(#SET{legende,#INCLURE{fond=modeles/document_legende,env,titre=#INFO_TITRE*{document,#ID_DOCUMENT}|oembed_lier_titre{#ENV*{url}}}|trim})]]
[(#GET{legende}|non)
<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 href="#ENV*{data/author_url}" class="oe-author_name">(#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>][(#GET{legende})]