Audio HTML5 TAG not visible in Chrome



  • Hi
    I`ve tried to use audio html5 tag in my quasar app.

    <audio controls>
      <source src="horse.ogg" type="audio/ogg">
      <source src="horse.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
    </audio>
    

    It works in Safari and Firefox but not in Chrome. In Chrome, the problem is that it creates the space where the player is but it’s not visible.

    You could think that it`s a problem of a version or some restriction of Chrome but, in Chrome, if you go to https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_audio_all, you can see the player and it works.

    Thank you very much.



  • The above is not really Quasar related, however, have you tried to use QMediaPlayer? It has support for both video and audio.


Log in to reply