Where can I change the video thumbnail size?

Bob Weston Posted in Technical Support 4 years ago

Hi,

does anyone know where the video thumbnail size is handled?
It stretches to fit to the video and is obscured, I would like to set the value to a fixed size.
Thanks in advance :)

Replies
German Bob Weston Replied 4 years ago

Hi Caroline,

that entails more than changing percentages in code, code would have to be added somewhere and I am not sure where.
You would have to call the pause function if you lost focus or scrolled past.
Maybe if you opened a ticket they would take your suggestion into consideration for the next update.
It cannot be too difficult but is beyond my expertise..

Breton Caroline Milk Replied 4 years ago

Hi Bob!

It worked, thank you very much for the tip.

Will you also be able to make the videos stop playing when the screen scrolls up or down and when you return to the video it continues playing where it left off?

Thank you!

Breton Caroline Milk Replied 4 years ago

Hi Bob!
Thank you very much for the tip, I will strictly follow this change, because my videos are very distorted.

German Bob Weston Replied 4 years ago

Hi Caroline.. you actually aren't changing the size you are hiding it in the upper left corner of the video.
You can do so by doing this:

  • disable cache
  • in your FTP navigate to \components\Videos\vendors\player
  • download mediaelement-and-player.min.js and mediaelement-and-player.js
  • in mediaelement-and-player.js search for: posterImg = $('<img width="
  • (should be line 3080) change the 100% width and height to 0%
  • in mediaelement-and-player.min.js search for <img width="100%" height="100%" alt="" />').appendTo(d)
  • replace the 100%'s to 0% which should then read <img width="0%" height="0%" alt="" />').appendTo(d)
  • save both files and upload them to the same location mentioned above
  • enable cache

I had to do this because videos that were made with smart phones had the picture being stretched across the entire width of the video, they were very distorted.
Doing this fixed it for me but this may not work for you so back up the two files first so you have the chance to over write them again.

Hope it helps you.

Breton Caroline Milk Replied 4 years ago

Hi Bob!

Could you give me the solution, because I want to do just that.
Thank you

German Bob Weston Replied 4 years ago

I figured this out but won't share the information without permission because I had to edit some javascript files that specifically says not to edit them.. my videos are using the original thumbnail now instead of stretching the picture to 100% width and height.