Page 1 of 1

Adding responsive video

Posted: Mon May 26, 2014 3:07 pm
by DannyB

I feel like I am missing something very basic:
What would be the proper way to add a video component that stretches to fill the screen width?

I have added a video component, with zero margins and with 100% and "auto" height. This setup looks properly on the desktop preview, but does not look good on the device.


Adding responsive video

Posted: Mon May 26, 2014 4:25 pm
by Evgene Karachevtsev

Hello Danny,

Please, take a look at this link: https://getsatisfaction.com/apperyio/...


Adding responsive video

Posted: Mon May 26, 2014 4:43 pm
by DannyB

Thanks for responding. I have read this post, and I don't like it.

First of all, you do have a Video component, and given the many device resolutions out there, a non responsive video component is almost useless. So I think the video component should be responsive out of the box (as any other component).

In addition, the solution in the answer is suggesting to set the height of the video to 50% or something, which makes no sense to me, as it should not take 50% of its parent container, but rather be "auto" based on the actual width and the aspect ratio of the movie (like it works in desktop browsers). But I may give it a deeper look.


Adding responsive video

Posted: Tue May 27, 2014 7:49 am
by Kateryna Grynko

Hi Danny,

This is the best answer we have: https://getsatisfaction.com/apperyio/...

What is your device/OS version?


Adding responsive video

Posted: Tue May 27, 2014 7:54 am
by DannyB

I see, thank you.
iPad 2, iOS 7


Adding responsive video

Posted: Tue May 27, 2014 8:23 am
by Kateryna Grynko

Danny,

Does it work on iPhone?


Adding responsive video

Posted: Tue May 27, 2014 8:39 am
by DannyB

Not tested, but I am positive the result will be the same - its the same safari.
I am familiar with this problem when trying to do the same in a web page - a responsive video works as expected on desktop browser, and requires special attention for iOS.


Adding responsive video

Posted: Mon Jun 02, 2014 1:10 pm
by Evgene Karachevtsev

Hello Danny,

This solution: https://getsatisfaction.com/apperyio/...
works properly on IPhone 5 with IOS 7.0.3
Do you still have a problem with displaying video?