Back to top

Autore Topic: [RISOLTO] Player Audio non visibile in Chrome  (Letto 1855 volte)

Offline 1001notte

  • Esploratore
  • **
  • Post: 80
  • Sesso: Maschio
    • Mostra profilo
[RISOLTO] Player Audio non visibile in Chrome
« il: 06 Mag 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:
Citazione
<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
« Ultima modifica: 08 Mag 2019, 12:34:56 da 1001notte »
SeoTag Veneto www.seotag.it by Piero Pavan

Offline danielecr

  • Abituale
  • ****
  • Post: 1357
    • Mostra profilo
Re:Player Audio non visibile in Chrome
« Risposta #1 il: 06 Mag 2019, 14:37:34 »
Ciao, a me il semplice codice che hai incollato funziona su chrome (ultima versione win).
Codice: [Seleziona]
<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
</head>

<body>
  <audio src="ringraziamento.mp3" controls="controls"></audio>
</body>
</html>
« Ultima modifica: 06 Mag 2019, 14:42:51 da danielecr »

Offline 1001notte

  • Esploratore
  • **
  • Post: 80
  • Sesso: Maschio
    • Mostra profilo
Re:Player Audio non visibile in Chrome
« Risposta #2 il: 06 Mag 2019, 14:58:07 »
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.

SeoTag Veneto www.seotag.it by Piero Pavan

Offline danielecr

  • Abituale
  • ****
  • Post: 1357
    • Mostra profilo
Re:Player Audio non visibile in Chrome
« Risposta #3 il: 06 Mag 2019, 14:59:22 »
ok, vedi te, forse meglio un msg privato.

Offline 1001notte

  • Esploratore
  • **
  • Post: 80
  • Sesso: Maschio
    • Mostra profilo
Re:Player Audio non visibile in Chrome
« Risposta #4 il: 06 Mag 2019, 15:02:59 »
Inviato link tramite msg privato. Il player dovrebbe apparire in fondo all'articolo, nel paragrafo "Ringraziamenti"
SeoTag Veneto www.seotag.it by Piero Pavan

Offline danielecr

  • Abituale
  • ****
  • Post: 1357
    • Mostra profilo
Re:Player Audio non visibile in Chrome
« Risposta #5 il: 06 Mag 2019, 15:05:32 »
Non lo vedo, lasciami un po di tempo per vedere se riesco a capire il perchè.

Offline 1001notte

  • Esploratore
  • **
  • Post: 80
  • Sesso: Maschio
    • Mostra profilo
Re:Player Audio non visibile in Chrome
« Risposta #6 il: 06 Mag 2019, 15:11:19 »
Su Edge e Firefox appare perfettamente.
« Ultima modifica: 06 Mag 2019, 15:13:03 da 1001notte »
SeoTag Veneto www.seotag.it by Piero Pavan

Offline 1001notte

  • Esploratore
  • **
  • Post: 80
  • Sesso: Maschio
    • Mostra profilo
Re:Player Audio non visibile in Chrome
« Risposta #7 il: 06 Mag 2019, 16:03:03 »
Risolto, ora spiego come ho fatto.
SeoTag Veneto www.seotag.it by Piero Pavan

Offline danielecr

  • Abituale
  • ****
  • Post: 1357
    • Mostra profilo
Re:Player Audio non visibile in Chrome
« Risposta #8 il: 06 Mag 2019, 16:03:11 »
Se ispezioni con i tools degli sviluppatori di chrome e selezioni il tag audio vedrai che c'è una proprietà:
Codice: [Seleziona]
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:
Codice: [Seleziona]
audio {height: 54px !important;
}
54px è l'altezza che assumerebbe senza attributo height.

Offline 1001notte

  • Esploratore
  • **
  • Post: 80
  • Sesso: Maschio
    • Mostra profilo
Re:Player Audio non visibile in Chrome
« Risposta #9 il: 08 Mag 2019, 12:15:52 »
Io avevo risolto inserendo nell'articolo il seguente codice:


Codice: [Seleziona]
<style>
audio {
    width: 100%;
    height: 50px;
    box-sizing: border-box;}
</style>


Senza questo codice il player non si visualizza su Chrome
SeoTag Veneto www.seotag.it by Piero Pavan

 



Web Design Bolzano Kreatif