Audio player creates a vertical scroll-bar in embeds

[Dananji]

Description

Audio player's height is 60px while the iframe height in Avalon embeds are set to 40px. This creates a vertical scroll-bar in the iframe.

Done Looks Like

• Audio player should be contained within the iframe without overflow

[elynema]

@Dananji I'm tagging this as 8.0 and moving it to Needs Refinement. Do we need to discuss potential solutions, or is it ready to work?

[Dananji]

Yes, I think we need a discussion for this.

[joncameron]

2 solutions:

• change the iframe height and see if we can edit embeds in place with a new height value (first thing to try)
  • possible to use JS to adjust element height?
• pull the progress bar down again, perhaps encountering zoom issues again

[elynema]

Dananji was not able to find a solution that would increase the size of the embed and also update existing embeds, so she pulled the progress bar back down inline with the other widgets like before in the embed context only. Because there are fewer widgets in this, zoom works better.

audio quality and playback widgets and zoom scrubber are not included in the embed because they pop up menus that don't have space in this context.