Vimeo video dimensions in video page

accithanos

Hi,

any Vimeo video added, has small dimensions in each video page.

Videos dimensions added from facebook or youtube url are fine in each video page.

How can i change dimensions to higher?

Thank you

Ninja

accithanos
Hi
I can not see same issue on demo with same video https://js-main.demo.jomsocial.com/index.php
Can you make a test, I tried to check the video via posting a new video but your site not allow me to access any other user account , It appear to be wrong Video URL used that not loading any site.
The URL you posted is different what JomSocial offer when you see a member video.

accithanos

I'll try to explain another way.

Let's use jomsocial demo.

1) login to https://js-main.demo.jomsocial.com/administrator/

2) go to 'components' > 'jomsocial' > 'videos' > 'videos settings' > 'Open videos in' > choose option 'same window'
https://js-main.demo.jomsocial.com/administrator/index.php?option=com_community&view=configuration&cfgSection=video

3) click 'save'
4) login to https://js-main.demo.jomsocial.com/
5) add a youtube video eg https://www.youtube.com/watch?v=IPrU6VsLl8c
6) go to this video's page
7) the dimensions of the video are full width, from one end to the other! Nice!

8) add a vimeo video eg https://vimeo.com/9463804

9) the dimensions of the video are much smaller. Not nice.

I would like to have vimeo videos as full width, from one end to the other like youtube videos.

If you inspect the code there are default dimensions width="480" height="360".

Where can i change this default dimensions to full width?

Thank you

Ninja

accithanos
Hi
Add this code in custom.css file

.cVideo-Wrapper  {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
    margin: 0 0 20px 0;
}
.cVideo-Wrapper iframe,
.cVideo-Wrapper video,
.cVideo-Wrapper object,
.cVideo-Wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

It will make all video full width.