Adapt Learning Community: How to enlarge icon

How can I scale the play icon in the adapt-contrib-media component?

I´ve tried som possibilities, but I can only scale the background!

Any suggestions?

Danne/

Not sure if this is the answer but you could try looking at mep.less in the less folder within adapt-contrib-media

.mejs-overlay-button {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background: url(../../assets/bigplay.svg) no-repeat;
}

Show parent | Reply

Thanks! I thought that it was this easy as well.

But the real play icon is in the sheet with icons and I can't find a way to scale that as well.

I can only scale the area for the button and then the other icons on the sheet shows up instead of scaling the whole unit.

Danne/

Show parent | Reply

Ah sorry Dan, I should have checked first before posting. That does sound like a tricky one to scale then

Show parent | Reply

Hi Dan

There are two play icons in the media player - which one do you need to change?

The media player itself is actually mediaelementjs so it might well be worth you digging around that website/github/stackoverflow if no-one on here can help.

Show parent | Reply