Suite de r109601 sur recommandations de Cédric

- Rétablir le text-indent et le <br/> pour ceux qui ont surchargé le modèle dans une version antérieure.
- prefixer les classes avec 'oe-'
NB: Le markup conserve malgré tout une petite nouveauté :
span.oe-author_name ----> span.oe-author > span.oe-author_par + .oe-author_name
pour être en mesure de cibler uniquement la chaine de langue 'par'.

css/oembed.css

@@ -52,18 +52,18 @@ figure.oe-image-block figcaption {background:#eee;padding: 10px;text-align: left
 
 /* Play button */
 .oe-play-button {position: relative;cursor: pointer;}
-.oe-play-button button {position: absolute;display: block;padding:0;left: 50%;top: 50%;border: none;background:#000;width: 66px;height: 66px;margin-left: -33px;margin-top: -33px;z-index:10;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
+.oe-play-button button {text-indent:-5000em; cursor: pointer; position: absolute;display: block;padding:0;left: 50%;top: 50%;border: none;background:#000;width: 66px;height: 66px;margin-left: -33px;margin-top: -33px;z-index:10;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
 .oe-play-button button:before {content:"";position: absolute;top:-1px;left:-1px;display: block;padding:0;border:4px solid #ddd;width: 68px;height: 68px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
 .oe-play-button button:after {content:"";position: absolute;display: block;left: 50%;top: 50%;border-left:20px solid #ddd;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left: -7px;margin-top: -10px;z-index:11;}
-.oe-play-button button:hover {cursor: pointer;}
-.oe-play-button button .label {position: fixed; left: -999em;}
+.oe-play-button_label {position: fixed; left: -5000em;}
 .oe-play-button:hover button,.oe-play-button button:focus {background-color: #DD2826;}
 .oe-play-button:hover button:before,.oe-play-button button:focus:before{border-color:#fff;}
 .oe-play-button:hover button:after,.oe-play-button:hover button:focus:after{border-left-color:#fff;}
 
 /* Legende */
 .oe-title {}
-.oe-author_name { display: inline-block; width: 100%; font-style: italic;}
+.oe-author {font-style: italic;}
+.oe-author_name {}
 
 /* Cas particuliers */
 /* Storify */

modeles/oembed_photo.html

@@ -5,6 +5,6 @@
 </span>]
 <figcaption>
 [<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_name"><span class="par"><:par_auteur:></span>[(#ENV*{data/author_url}|?{[<a class="nom" href="#ENV*{data/author_url}">(#ENV*{data/author_name})</a>],<span class="nom">#ENV*{data/author_name}}</span>)]</span>]</div>]
+<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>

modeles/oembed_rich.html

@@ -6,13 +6,13 @@
 		[(#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="label"><:oembed:bouton_lecture:></span></button>]
+		[(#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-rich .loading {background-image:url("#CHEMIN_IMAGE{searching.gif}")!important;background-size:auto !important;}/**/--></style>
 </div>
 <figcaption>
 [<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_name"><span class="par"><:par_auteur:></span>[(#ENV*{data/author_url}|?{[<a class="nom" href="#ENV*{data/author_url}">(#ENV*{data/author_name})</a>],<span class="nom">#ENV*{data/author_name}}</span>)]</span>]</div>]
+<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>

modeles/oembed_video.html

@@ -6,13 +6,13 @@
 			[(#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="label"><:oembed:bouton_lecture:></span></button>]
+			[(#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>
 [<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_name"><span class="par"><:par_auteur:></span>[(#ENV*{data/author_url}|?{[<a class="nom" href="#ENV*{data/author_url}">(#ENV*{data/author_name})</a>],<span class="nom">#ENV*{data/author_name}}</span>)]</span>]</div>]
+<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>