investigating Height - Width Issues in Timeline

Ken Rich
Ken Rich
@ken-rich
10 years ago
926 posts
Kind of self explanatory if you look at the attached pic. It looks like video width is shrinking, while video height is not, making for tall skinny videos.

This happens with JR Embed on timelines.
videos.JPG.jpg
videos.JPG.jpg  •  51KB




--

Ken Rich
indiegospel.net

updated by @ken-rich: 01/07/15 05:23:05AM
John Bizley
John Bizley
@john-bizley
10 years ago
251 posts
Ken I have noticed this to and am going to write a little snippit of code to adjust that much like I did for my YouTube videos. Will try and get to that later today as it was on my list of to do items today.
brian
@brian
10 years ago
10,148 posts
The width is percentage based - for most "normal" (i.e. widescreen) videos this should work well. I do know there is a min height set somewhere in there that could be messing this up, so we can check that out.

Hope this helps!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
John Bizley
John Bizley
@john-bizley
10 years ago
251 posts
I have some code can style this to get it nicely full width to get rid of the borders and but the issue causing the ' skinny look ' is a div which is set as an inline-block, if this was changed to just block then the player fills the width as it should. Here is a screenshot showing the div which I set to a block in firebug to test it.
@brian seeing as you are following this one thing I noticed in the forums is that you have to press Post Response to then be able to add an image to the said post. So you have to then edit the post to add the image rather than do it all at the same time ?
div-block-player.jpg


updated by @john-bizley: 12/05/14 01:55:40PM
John Bizley
John Bizley
@john-bizley
10 years ago
251 posts
Here is a line of css which fix's the issue and an after image of the now full width video in the profile timeline.

I added this to my site html css file: .action_item_link div { display:block!important }
updated by @john-bizley: 12/05/14 02:39:55PM