Joomla.it Forum
Joomla! 3 => Joomla! 3 => : 1001notte 06 May 2019, 14:08:03
-
Salve, sono bloccato e conto nel vostro aiuto.
In un articolo Joomla 3.9.5 ho inserito un brevissimo file mp3 usando il classico codice:
<audio src="/images/ruby/ringraziamento.mp3" controls="controls"></audio>
Il player viene visualizzato correttamente su Edge, Safari, Firefox ma non su Chrome.
Chrome è aggiornato all'ultima versione.
Cosa posso controllare e verificare?
Grazie
-
Ciao, a me il semplice codice che hai incollato funziona su chrome (ultima versione win).
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<audio src="ringraziamento.mp3" controls="controls"></audio>
</body>
</html>
-
Allora è qualcosa di storto sul mio computer o installazione Chrome.
Ripeto, io non vedo il player su Chrome.
Posso mettere il link della pagina dove è inserito il codice in oggetto e mi dici se tu vedi il player a fine articolo?
Lo chiedo per non fare spam, e poi si tratta di una intervista +18.
Oppure ti invio un msg privato.
-
ok, vedi te, forse meglio un msg privato.
-
Inviato link tramite msg privato. Il player dovrebbe apparire in fondo all'articolo, nel paragrafo "Ringraziamenti"
-
Non lo vedo, lasciami un po di tempo per vedere se riesco a capire il perchè.
-
Su Edge e Firefox appare perfettamente.
-
Risolto, ora spiego come ho fatto.
-
Se ispezioni con i tools degli sviluppatori di chrome e selezioni il tag audio vedrai che c'è una proprietà:
audio,canvas, iframe, img, svg, video {max-width: 100%;height: auto;box-sizing: border-box;
}
Ciò che da' fastidio è height: auto.Aggiungi in un custom css:
audio {height: 54px !important;
}54px è l'altezza che assumerebbe senza attributo height.
-
Io avevo risolto inserendo nell'articolo il seguente codice:
<style>
audio {
width: 100%;
height: 50px;
box-sizing: border-box;}
</style>
Senza questo codice il player non si visualizza su Chrome