MDBootstrap responsive audio player / embed.

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: MDBootstrap responsive audio player / embed.

Tech Labx asked 7 years ago

When we can we get a nice minimal material audio player that we can use on our pages. I know there are lots of plugins out there that some of you are about to comment down there, but the embed for media is video with its respective aspect ratios as displayed here on this site. It would be cool and well appreciated to make and audio embed too with material goodness that's responsive too. I figured out this one but its not responsive on very small screens. Any bright ideas?? :) 
<audio class="embed-responsive-item" controls="" preload="none"> <source src="assets/files/audio/07%20-%20Contradiction.mp3" type="audio/mp3"></audio>

Marta Szymanska staff pro premium answered 7 years ago

Hi, could you show the demo with this embed? Best, Marta

Tech Labx commented 7 years ago

That's the code i pasted in my question, i resort to using media queries to make the .embed-responsive-item { width: 100%; }. It works fine so far, that's default html5 audio.
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No
About author
Tech Labx
18Support score
11Questions 1Answers
0Snippets likes 0Snippets