Forum Support

Shape 5
April 19, 2021, 04:22:07 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Video size is perfect on desktop but completely to large (length) on mobile  (Read 685 times)
danab
Jr. Member
**
Offline Offline

Posts: 49



« on: June 26, 2018, 01:24:28 PM »

Hi,

The corporate video is playing fine and displaying fine on my laptop, computer and everything (talking about Width and Length)., however, when i load the page on my mobile the size of the video goes far off. Meaning the website length is fine and all vertical, but on a mobile it stretches off the actually website length.

Any way i can add code that it will stick to the size it is meant to be on both mobile and desktop?

This is my current code i use in my module:

<iframe width="1519" height="650" src="https://www.youtube.com/embed/v0c3AGv9PTc" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="allowfullscreen"></iframe>

I found that width (above referred to as length) was perfect at 1519 pixels... On mobile the video height is not insanely high but the width is.

Please can you assist.

Best regards,
Daniel Booysen
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: June 27, 2018, 05:39:46 AM »

Hello,

We don't provide support on setting up your own content. You are setting up an iframe with a specific height and width call, which means it will always be that size and will be cut off on small screens or distorted. Iframes are never good to use on responsive websites. You can try removing the height and call and set the width to 100%, but it most likely won't work as iframes need a height. You should consider a different way to integrate videos. We give instructions for that here:

http://www.shape5.com/demo/hexa_corp/index.php/features-mainmenu-47/continued-vertex-features/typography

You can wrap your code above in a div with the class "s5_video_container".
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
danab
Jr. Member
**
Offline Offline

Posts: 49



« Reply #2 on: June 27, 2018, 12:24:26 PM »

Thanks Mike will get back to you if i struggle
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.