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.
Hello Danny,
Please, take a look at this link: https://getsatisfaction.com/apperyio/...
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.
Hi Danny,
This is the best answer we have: https://getsatisfaction.com/apperyio/...
What is your device/OS version?
I see, thank you.
iPad 2, iOS 7
Danny,
Does it work on iPhone?
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.
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?