Shape 5

Joomla Templates => General Contractor - Club => : lauredess December 09, 2016, 07:15:10 AM



: Use s5_video_container for two videos next to each other
: lauredess December 09, 2016, 07:15:10 AM
Hi,

I use the template General Contractor and I put on the home page a video I show through s5_video_container class.
My video appears very well in full page on desktop and gives a very good rendering on smartphones.
I wish to display two videos instead of one.

On desktop, I want it to appear both side by side. On smartphone, I want them to appear one below the other.
Is it possible to use the class s5_video_container to achieve this?

Thank you in advance for your answer.

Laure


: Re: Use s5_video_container for two videos next to each other
: jonahh December 09, 2016, 12:46:42 PM
Hello,

You can use that class but additional CSS to make the videos float:left next to each other would need to be added. This CSS would then need to be removed at a certain screen width


: Re: Use s5_video_container for two videos next to each other
: lauredess December 12, 2016, 04:18:44 AM
Hi,

I thank you for your answer but I did not succeed with the float: left.

So, I have specially made a variant of the class s5_video_container with an s5_video_container2 which specifies a width and height to 50% instead of 100%.
I have integrated the two iframes into the same div and then I changed the "display: block;" of the youtube iframe with a "display: inline;".

And it seems to work, both on desktop and smartphones...

I wish you a good day,
Laure


: Re: Use s5_video_container for two videos next to each other
: jonahh December 12, 2016, 12:56:27 PM
Oh ok happy to hear you got it working