tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/51829-fehler-audioplayer-erscheint-nicht-in-chrome-und-braveRockSolid Themes: Discussion 2020-05-14T09:45:50Ztag:help.rocksolidthemes.com,2012-07-23:Comment/479192492019-12-16T07:05:08Z2020-05-14T09:45:50ZFehler: Audioplayer erscheint nicht in Chrome und Brave<div><p>Vielen Dank für Ihre Frage.</p>
<p>Anscheinend handelt es sich hierbei um einen Fehler in der Rendering-Engine des Chrome Browsers (der Brave Browser nutzt dieselbe Engine).</p>
<p>Um den Fehler zu korrigieren fügen die bitte folgenden CSS-Code in die Datei <em>files/tao/css/custom.css</em> ein:</p>
<pre>
<code>.audio_container audio {
height: 40px;
}</code>
</pre>
<p>In der neuesten Version des Themes ist dieser Darstellungsfehler bereits behoben.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/479192492019-12-16T11:47:10Z2019-12-24T23:14:00ZFehler: Audioplayer erscheint nicht in Chrome und Brave<div><p>Leider löst das mein Problem nicht. Ich habe sichergestellt, dass die Datei aktualisiert wurde, indem ich einen anderen Stil geändert habe. Auch !important hat nichts geändert (man weiß ja nie :)</p>
<p>Es sieht so aus, als ob einfach überhaupt nichts dargestellt wird. Auch wenn ich auf das audio-Tag einfach mal einen Background vergebe, ist nichts zu sehen. Beim Container dagegen schon.</p>
<p>Hat jemand noch eine Idee, woran es liegten könnte?</p></div>rocksolidthemes.comtag:help.rocksolidthemes.com,2012-07-23:Comment/479192492019-12-16T12:17:42Z2019-12-16T12:17:42ZFehler: Audioplayer erscheint nicht in Chrome und Brave<div><p>Bitte senden Sie uns Ihre <em>custom.css</em>-Datei damit wir versuchen können den Fehler nachzustellen.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/479192492019-12-16T12:18:29Z2019-12-24T23:14:00ZFehler: Audioplayer erscheint nicht in Chrome und Brave<div><p>Ich hab es hinbekommen. Es klappt jetzt mit genau diesem CSS:</p>
<pre>
<code>.audio_container audio { }
audio {
height: 40px !important;
display: block !important;
}</code>
</pre>
<p>Und - ja, diese leere .audio_contrainer {} muss sein, sonst funktioniert es nicht.</p>
<p>Da bei mir alles auf einer leeren HTML-Seite funktioniert und ich nur sehr überschaubar CSS per custom.css angepasst habe, kann ich ausschließen, dass ich irgendwas ausgeblendet habe.</p>
<p>Was immer dort das audio-Tag ausblendet, wird also irgendwie von Tao verursacht sein. Vielleicht bin ich einen ungewöhnlichen Weg gegangen, weil bei mir das Audio auf einer Nachrichten-Seite steht.</p></div>rocksolidthemes.comtag:help.rocksolidthemes.com,2012-07-23:Comment/479192492019-12-16T12:23:13Z2019-12-24T23:14:00ZFehler: Audioplayer erscheint nicht in Chrome und Brave<div><p>Hier kommz kommt meine custom.css. Sie ist noch etwas rustikal, denn ich bin noch am herumprobieren.</p></div>rocksolidthemes.comtag:help.rocksolidthemes.com,2012-07-23:Comment/479192492019-12-17T06:02:37Z2019-12-17T06:02:37ZFehler: Audioplayer erscheint nicht in Chrome und Brave<div><p>In Ihrer <em>custom.css</em>-Datei hat sich ein Fehler eingeschlichen an folgender Stelle:</p>
<pre>
<code>.tom-center
{ text-align: center};</code>
</pre>
<p>Durch diesen Fehler wird die nächste CSS-Regel ignoriert weshalb es in Ihrem Fall ohne die leere Anweisung nicht mehr funktioniert. Hier muss das <code>;</code> vor die schließende Klammer <code>}</code> verschoben werden. Danach können Sie den von uns vorgeschlagenen CSS-Code verwenden.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/479192492019-12-22T11:53:27Z2019-12-24T23:14:00ZFehler: Audioplayer erscheint nicht in Chrome und Brave<div><p>Oh je, das ist sehr peinlich. Vielen Dank für die Hilfe :)</p></div>rocksolidthemes.comtag:help.rocksolidthemes.com,2012-07-23:Comment/479192492020-01-06T17:06:23Z2020-01-06T17:06:24ZFehler: Audioplayer erscheint nicht in Chrome und Brave<div><p>Der Hinweis auf height: 40px; hat mir auch geholfen, im Chrome den Player zu sehen. Danke!</p>
<p>Andere Frage: wie kann ich das Herunterladen der Audio-Datei aus dem Player entfernen (bei den 3 senkrechten Punkten)?</p></div>Mathiastag:help.rocksolidthemes.com,2012-07-23:Comment/479192492020-01-07T06:40:36Z2020-01-07T06:40:36ZFehler: Audioplayer erscheint nicht in Chrome und Brave<div><p>In einem eigenen <code>ce_player.html5</code>-Template können Sie dem Audio-Tag das Attribut <code>controlslist="nodownload"</code> hinzufügen.</p>
<p>Beachten Sie jedoch bitte, dass dieses Attribut nicht von allen Browsern unterstützt wird und auch mit Browser-Unterstützung den Download der Audio-Datei nicht gänzlich unterbinden kann.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/479192492020-05-05T20:04:02Z2020-05-05T20:04:02ZFehler: Audioplayer erscheint nicht in Chrome und Brave<div><p>Um den Download zu unterbinden, wie müsste die ce_player.html5 dann aussehen, d.h. an welcher Stelle ergänze ich das Attribut?<br></p>
<pre>
<code><?php $this->extend('ce_player') ?>
<?php
if (!$this->isVideo) {
$this->size = ' width="100%"';
}
?></code>
</pre></div>stessotag:help.rocksolidthemes.com,2012-07-23:Comment/479192492020-05-06T08:49:54Z2020-05-06T08:49:54ZFehler: Audioplayer erscheint nicht in Chrome und Brave<div><p>Der PHP-Code für das Template kann z. B. folgendermaßen aussehen:</p>
<pre>
<code><?php $this->extend('ce_player') ?>
<?php
if (!$this->isVideo) {
$this->size = ' width="100%"';
$this->attributes = array_merge($this->attributes, ['controlslist="nodownload"']);
}
?></code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/479192492020-05-06T14:14:32Z2020-05-06T14:14:32ZFehler: Audioplayer erscheint nicht in Chrome und Brave<div><p>You rock, solid! Dankeschön!</p></div>stesso