[s2Stream] unresponsive video

#1

I’ve been sucsessfully followed the s2Member tutorial in using Amazon Web Services S3 and CloudFront:

On the page http://davidncatia.com/courses/streaming/ I’m using the shortcode [s2Stream player="jwplayer-v6-rtmp" player_path="/courses/jwplayer/jwplayer.js" player_width="100%" player_height="100%" file_download="video.mp4" /]

But the player is not properly formatted in terms of height. It has a lot of black border on the top and bottom, which does not exist on the video itself.

Has anyone experienced such challenges and found a solution?
My goal is to a have a full width responsive video stream.

Cheers

#2

I’ve found a sub-optimal solution to my problem. I’ll share it here so that it may be of help to someone else who comes along.

.fluid-width-video-wrapper { padding-top: 56% !important; } allow to correct for video 16:9 frame. But this wion’t be ideal for non 16-9 videos. What we could do is add a “16:9” class to the container. But unfortunatly the s2Stream shortcode only allows for a player_id option and not a player_class options. This means that wither we change the aspect ratio of all players. Or we change the aspect-ratio of one player in each page.

Another alternative would be to custom create a new outside container div, but would make more sense to be “added” inside the shortcode code I think.

I leave here a strong recommendation for this option to be added to S2Stream options.

Chere

#3

David,

Feature requests left here are liable to be missed. You should add this as an issue on Github here: https://github.com/WebSharks/s2Member/issues

#4

Hi KTS915,

Thank you for your suggestion. It seems that after I updated the JWplayer from 6.1 to 6.12 and started using html5 instead of flash (problem persists with flash), this problem was resolved.

So case closed. Thank you