Scaling correctly an embedded video in Muse

Report · Sep 07, 2018

I have pasted my video into a page but it's only possible for it to scale in the width. In the resize tab the option of Responsive Width and Height is greyed out and it only had Responsive Width. When you scale down the page it instantly squashes it out of proportion.

Report · Sep 08, 2018

If you use the video widgets, proportional scaling is possible.

If you use an iframe or embedded HTML, the code of these elements has to supply proportional scaling.

Report · Sep 08, 2018

I have now downloaded a video widget but I'd rather just embed it. Pretty much what I thought as per the code of these elements has to supply proportional scaling.

I'm just not sure exactly how to do this. Here's my embed code

Can you or anybody else suggest how to edit it?

Report · Sep 08, 2018

Add some custom CSS to your <head> tag.

<style>

.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; ]

</style>

Wrap your embed code inside a videoWrapper div.

<div class="videoWrapper">

</div>

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Sep 10, 2018

That's superb forum posting Nancy. I'm greatly appreciative.

Adobe Community

Scaling correctly an embedded video in Muse

1 Correct answer