Shape 5

Joomla Templates => Outdoor Life - Club => : pkennedy99 November 20, 2017, 05:36:39 PM



: Video size for responsive
: pkennedy99 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?


: Re: Video size for responsive
: mikek 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.


: Re: Video size for responsive
: pkennedy99 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


: Re: Video size for responsive
: mikek 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.


: Re: Video size for responsive
: pkennedy99 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)


: Re: Video size for responsive
: mikek 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.