Page 1 of 1

HTML audio player in LayoutGrid

Posted: Fri May 23, 2025 4:52 pm
by cmsintent
Good Morning Pablo ..

Using Version 20.2.0 (May 22, 2025)

INSERT > Audio

This is very strange .. now when I attempt to add a HTML AUDIO player to a LayoutGrid, the player shows as a single line (no player) and in preview I see nothing?

Image

Here is a live test page where you can see issue
https://www.cswebsites.com/wwb/audio/

Here is source code:

<body>
<div id="wb_LayoutGrid1">
<div id="LayoutGrid1">
<div class="row">
<div class="col-1">
</div>
<div class="col-2">
<div id="wb_MediaPlayer1" style="display:block;width:100%;z-index:0;">
<audio id="MediaPlayer1" autoplay controls>
<source src="BelieveOpenHouse.mp3" type="audio/mpeg">
</audio>

Re: HTML audio player in LayoutGrid

Posted: Fri May 23, 2025 5:03 pm
by Pablo
This is because the height is set to 'auto' by default.

Step 1
Double click to open the properties

Step 2
Set type to 'HTML5 video'

Step 3
Set aspect ratio to 'custom'

Step 4
Set type back to 'HTML5 audio'

I will investigate if this can be improved.

Re: HTML audio player in LayoutGrid

Posted: Sat May 24, 2025 6:58 pm
by cmsintent
Thanks Pablo .. worked as you instructed .. thanks for the help!