Forum Support

Shape 5
April 18, 2024, 10:06:42 AM *
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 for responsive  (Read 674 times)
pkennedy99
Jr. Member
**
Offline Offline

Posts: 37



« on: November 20, 2017, 05:36:39 PM »

At what size screen (tablet/phone) does the intro video no longer work - I'm guessing 1024 X 600 or smaller? Is that adjustable? If so, where?

Some Ipad Pros are 1024X600 (landscape) and it would be nice to show the intro video on those.

Thoughts?
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: November 21, 2017, 08:47:48 AM »

Hello,

That is controlled in editor.css:

@media screen and (max-width: 1024px){
.video_overlay_wrap video {
display:none;
}
}

However, it is not meant to work on tablets. an iPad will actually overtake the player and show a play button and bar on the player as part of the operating system. Tablets and mobile devices also don't have an option to automatically play the video to; they do this to conserve user bandwidth.
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
pkennedy99
Jr. Member
**
Offline Offline

Posts: 37



« Reply #2 on: November 21, 2017, 10:49:08 AM »

Thanks, thats useful information.  It's odd because the intro video works (demo on shape5) on an Ipad pro 9.7 (landscape) but my video doesn't - I will send you my url again
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: November 22, 2017, 08:17:23 AM »

Hello,

I just tested and I am not seeing the issue. You can always increase the 1024 number to something like 1100 in the code given above, that would mean the video shuts off earlier, because you don't want it showing on tablets or the OS takes over.
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
pkennedy99
Jr. Member
**
Offline Offline

Posts: 37



« Reply #4 on: November 22, 2017, 09:04:29 AM »

Well I want the video to show on a 1024 X 600 screen.  I used http://quirktools.com/screenfly/ to emulate other tablets that size and it doesn't work on them either. (see attached)
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #5 on: November 23, 2017, 08:12:25 AM »

Hello,

If you want them to show on 1024 you would leave the code just as it is with no changes, it's already setup for that. I was suggesting changing it because of the iPad issue you mentioned. 1024 is not a common size for laptops or desktops, almost all of them are much higher than that. So if you wanted to change it 1025 in the code you would be fine with that. Or just leave it as is and iPad may show the video sometimes, but there's nothing that can be done about that. The video showed based on screen size, not device.
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
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.