Video dimensions matching between the website and mobile views

General questions relating to Joomla! 3.x.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10
Post Reply
Vahhab
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Fri May 20, 2022 10:07 pm

Video dimensions matching between the website and mobile views

Post by Vahhab » Fri May 20, 2022 10:15 pm

Hi all,
Just have a problem with the video dimensions! The file is on my server and if I do not choose any dimension, the default is 300 * 150. This makes a problem for web view!
And if I change the dimensions to 1000 * 500, the problem occurs in the smartphone view!


Is there any solution for this?

User avatar
Webdongle
Joomla! Master
Joomla! Master
Posts: 41567
Joined: Sat Apr 05, 2008 9:58 pm

Re: Video dimensions matching between the website and mobile views

Post by Webdongle » Fri May 20, 2022 10:54 pm

Use one dimension let the other dimension auto adjust.
or
Try %
http://www.weblinksonline.co.uk/
https://www.weblinksonline.co.uk/updating-joomla.html
"When I'm right no one remembers but when I'm wrong no one forgets".

Vahhab
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Fri May 20, 2022 10:07 pm

Re: Video dimensions matching between the website and mobile views

Post by Vahhab » Sat May 21, 2022 7:50 am

Webdongle wrote:
Fri May 20, 2022 10:54 pm
Use one dimension let the other dimension auto adjust.
or
Try %
Hi @Webdongle
Thank you for your answer. Would you please tell how to use %:

Code: Select all

<p><video style="display: block; margin-left: auto; margin-right: auto;" controls="controls" width="1000" height="500">
<source src="images/Animation_HD.mp4" type="video/mp4" /></video></p>
<p> </p>
I used in different parts but did not work.

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 28979
Joined: Mon Oct 27, 2008 9:27 pm
Location: Romerike, Norway

Re: Video dimensions matching between the website and mobile views

Post by Per Yngve Berg » Sat May 21, 2022 10:13 am

width="100%" height="auto"

A smaller value may be needed such as 90% or 95%.

User avatar
Webdongle
Joomla! Master
Joomla! Master
Posts: 41567
Joined: Sat Apr 05, 2008 9:58 pm

Re: Video dimensions matching between the website and mobile views

Post by Webdongle » Sat May 21, 2022 11:50 am

Or
width="100%"
Don't define width
http://www.weblinksonline.co.uk/
https://www.weblinksonline.co.uk/updating-joomla.html
"When I'm right no one remembers but when I'm wrong no one forgets".


Post Reply

Return to “General Questions/New to Joomla! 3.x”