Media Manager / Video Width in Mobile View (Responsive)

You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Offline

Official support hours

Monday to Friday
09:00 - 17:00 Europe/London (BST)

Please create a new Ticket and we will get back to you as soon as we can.

#99766 Media Manager / Video Width in Mobile View (Responsive)

Posted in ‘Editor’

This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by karendunne on Sunday, 13 December 2020 14:45 GMT

Thursday, 02 May 2019 14:21 BST

joelbnz

Hello,
if I insert a mp4 video (maybe youtube too, I didnt checked) with the Media Manager,
the desktop view shows the right resolution.
But in the mobile view, the video cross the width borders.
Is there a way to make the videos in the media manager being with a fixed resolution for desktop and for exmape 98% width for mobile (responsive)?
Greetings

Thursday, 02 May 2019 16:24 BST

Ryan

Try adding the following to your template stylesheet:


video {
	max-width: 100%;
}
/* mobile landscape and smaller */
@media (max-width: 768px) {
  	video {
		max-width: 98%;
	}
}

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Thursday, 02 May 2019 18:05 BST

joelbnz

For some reasons it doesnt work with this landing page. Please check the mobile version.
I also use a thumbnail image for that video.
Do I have to change something separate if I use thumbnails?

https://sephirotec.com/branchen/seo-berater-kanzleien

Thursday, 02 May 2019 19:00 BST

Ryan

For some reasons it doesnt work with this landing page. Please check the mobile version.
https://sephirotec.com/branchen/seo-berater-kanzleien

The max-width is correctly being applied to the video on the page on my mobile device (iPhone), but perhaps the margin-left:40px style you have applied to the video is causing an issue?

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.