[MyDigitalClubParticipant]

Hello,

I embedded video from vimeo using the embedded video element, and, for some reason, the player doesn’t fit on the screen (see the screenshot attached – it’s way to big!).
I need all the video player to fit on the first screen so that users can see it all without having to scroll.
I tried to play with vimeo settings – and whatever width I choose on vimeo, the player is still displayed full width in the cornerstone.

Thanks for your help.

Best,
Katya

[MyDigitalClubParticipant]

here is the pic

Attachments:

You must be logged in to view attached files.

[Rue NelModerator]

Hello There,

Thanks for writing in! To assist you better with this issue, would you mind providing us the url of your site with login credentials, if necessary, so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password (only if necessary)

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[MyDigitalClubParticipant]

This reply has been marked as private.

[LelyModerator]

This reply has been marked as private.

[MyDigitalClubParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

Please change the iframe code to this.

<iframe src="https://player.vimeo.com/video/206518176?title=0&byline=0&portrait=0" style="width:500px;height:281px;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Note that I added style="width:500px;height:281px;"

Then add margin:0 auto;max-width:500px; in the style field of embedded video element to center it.

https://www.screencast.com/t/Rlhe3Dmw

Hope that helps.

[MyDigitalClubParticipant]

This reply has been marked as private.

[MyDigitalClubParticipant]

This reply has been marked as private.

[MyDigitalClubParticipant]

This reply has been marked as private.

[JoaoModerator]

Hi There,

Please try using the following code instead:

max-width:500px;max-height:281px;

Hope it helps

Joao

[Author]

Posts