Most of the old extensions use SWF files that require Adobe flash. This may work for desktops but not for modern Android or IOS devices that don’t support flash. In this example I will show how to embed a player that works correctly on desktop, tablet and smartphone layout.
Please visit https://widgetic.com/widgets/ and create an account. Upload your MP3 to google drive and render it public. Design your media player or audio play button (there are several audio widgets on the site) and embed the code to your page.
When you insert the code into html be sure to select use div. The trick is to use a layer, that means html object has to be dropped onto a layer. The layer itself has to stretch the content and to have relative size and position. And finally you have to insert 2 breakpoints, one for tablet and one for smartphone. I have prepared a DEMO just to show you that it works. Download and give it a try. I have made it in a hurry so I had no time to adjust the size of the layer and html object. In case you decide to use this method please play a bit with the size.
Download link
https://yadi.sk/d/FQwiMag-3ANgTJ
Guide : How to create HTML5 mp3 media player with playlist.
Forum rules
This section is to share tips, tricks and tutorials related to WYSIWYG Web Builder.
Please do not post questions or problems here. They will not be answered.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
This section is to share tips, tricks and tutorials related to WYSIWYG Web Builder.
Please do not post questions or problems here. They will not be answered.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
Re: Guide : How to create HTML5 mp3 media player with playli
Can you post a link to a page where you have this embedded. I'll go there on my phone. If it works.. you may have something.
Re: Guide : How to create HTML5 mp3 media player with playli
https://yadi.sk/d/FQwiMag-3ANgTJ
As I mentioned before you have to play with the size and position. It works both on 768 and 320 px. Good luck.
As I mentioned before you have to play with the size and position. It works both on 768 and 320 px. Good luck.