Resizing of Video
By Mike Bires on Wednesday, 23 December 2015
Posted in Technical Issues
Replies 7
Likes 0
Views 722
Votes 0
I have embedded YouTube videos in the majority of my articles, and they were re-sizing appropriately on the test website. When I tried to do it on the actual production website, the videos will not resize accordingly on both desktop and mobile views.

I am not using the video blocks feature. I also noticed the test website had version 5.0.30 and the production one is 5.0.31 (I updated once going live). When I did this, I noticed on version 5.0.30 the option to center the image when the Use Full Width option is checked under the Layout settings, however, that is missing in 5.0.31, unless you UNCHECK that box.

I don't know if that has anything do with it.

Please help! Thanks!
Hey Michael,

Hm, not really sure if I understand you here. If you are using the composer of EasyBlog, how did you embed the video? It has to be a video / youtube block.

Are you using tinymce? Can you pass me the link to the post?
Mark
·
Wednesday, 23 December 2015 22:56
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

I use the "Embed Video" option at the top of the composer window. Sorry if not using the right terminology. Feel free to login and upload a test article and video to see what happens. I want the videos to look full size like they currently are on the site. They just need to resize as the window resizes, if that makes sense. I attached a screen shot of what Im doing to embed the video.
Mike Bires
·
Wednesday, 23 December 2015 23:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey,

Just tried this on the site and the video is actually using a 100% width as you can see here, http://screencast.com/t/E52dsJZjFVp

Am I missing anything here?
Mark
·
Wednesday, 23 December 2015 23:51
·
0 Likes
·
0 Votes
·
0 Comments
·
Mark,

The video you posted isn't re-sizing either. Look at the website on a mobile device or shrink your browser window and you'll see it is not adjusting. Take a look at either your EasyBlog demo or go to mikebires.cloudaccess.net and you'll see as the browser window gets bigger or smaller, the size of the video compensates for that.

Mike
Mike Bires
·
Thursday, 24 December 2015 00:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Mike,

Ah okay I get what you mean now. Add the following block of css codes below into your template's css file,

Mark
·
Thursday, 24 December 2015 12:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Mark,
Will they be adding that code into an update, or will I have to add that code to my other websites? Thanks for your help!

Mike
Mike Bires
·
Thursday, 24 December 2015 23:09
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Michael,

We will not be adding the codes in the next update. What actually happened was user's that were using 5.0.30 were complaining that EasyBlog isn't respecting the defined width / height of the video when they embed the video.

Hence, we took it out because it really is a bug as it should be respecting the exact embed codes you entered for the width / height.

I guess in the video embed popup, there should be an option that says "Use fluid layout (100% width)". If that option is checked when you embed them, then it doesn't enforce a width / height. This way, we get to satisfy user's like yourself and user's who want's precised width / height

Merry Christmas!
Mark
·
Friday, 25 December 2015 03:26
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post