« Modèle:Son » : différence entre les versions

De Wikimedica
(Ajout code javascript)
(Ajout playsinline pour tenter de faire fonctionner les sons sur iOS (https://devnote.in/video-tag-not-working-on-iphone-safari-or-chrome/))
Balise : Éditeur de wikicode 2017
 
(4 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
<includeonly><div style="display:none"><!--Tricks the visual editor not to display raw html--><html><script type="text/javascript">
<includeonly><html><video width="300px" height="35px" controls playsinline><source src="</html>{{#tag:nowiki|{{{url}}}}}<html>" type="application/ogg"></video></html></includeonly><noinclude>{{Documentation}}</noinclude>
  window.addEventListener('load', function(){
    if(window.soundsInit) { return; }
    $(".sound").each(function(){
      var url = $(this).find(".sound-url").find("a");
      if(!url[0])
      {
        $(this).html("URL invalide");
        return;
      }
 
      $(this).replaceWith('<video width="300px" height="35px" controls><source src="' + url[0] + '" type="application/ogg"></video>');
         
    });
    window.soundsInit = true;
  });
</script></html></div>
<div class="sound" style="background-color:#BBB; color: red; display: block; overflow: hidden; height:50px;"><span class="sound-url" style="display:none;">{{{url|}}}</span>Son</div></includeonly><noinclude>{{Documentation}}</noinclude>

Dernière version du 13 janvier 2023 à 12:10

 Documentation[modifier] [purger]

Utilisation

Ce modèle permet l'intégration d'un son à une page.

Exemples

Paramètres

Intègre un son à une page.

[Modifier les données du modèle]

Paramètres du modèle

La mise en forme sur une seule ligne est préférée pour ce modèle.

ParamètreDescriptionTypeÉtat
URLurl

URL son.

URLobligatoire