Gutenberg Audio Player Stylen

Da es sich um das Standard Media Control Element der Browser handelt, ist eine Formatierung derzeit nur für Webkit basierende Browser möglich. Alternativ kann man die Kontrollelement mittels Javascript durch eigene Kontrolelemente ersetzen, die dann mit CSS anpassbar wären.

Im Gutenberg Quellcode gibt es einen Callback für den erzeugten HTML Code:

var getAudioHtml = function (data, audioTemplateCallback) {
      if (audioTemplateCallback) {
        return audioTemplateCallback(data);
      } else {
        return '<audio controls="controls" src="' + data.source1 + '">' + (data.source2 ? '\n<source src="' + data.source2 + '"' + (data.source2mime ? ' type="' + data.source2mime + '"' : '') + ' />\n' : '') + '</audio>';
      }
    };

Es muss also eine Möglichkeit geben ein eigenes Kontrolelement zu erstellen und anstatt des Standardwertes zurückzugeben. Ich habe mich damit aber noch nicht beschäftigt und kann Dir daher nichts näheres dazu sagen.

Ich habe jetzt im Slack gepostet https://wordpress.slack.com/archives/C02QB…572522534348500, schaun wir mal was die Entwickler von Gutenberg dazu sagen.