Overview
With Vidyard, you have the ability to use an animated thumbnail or a static image for both the lightbox and inline embed.
Symptom
When you embed the lightbox player, the animated image does not appear as large as when it was rendered at as a static image.
Cause
The issue is likely due to an alteration to our embed code by your web developer.
A standard embed code has an image width of 360px as you can see below snippet.
<img width="360" src="//play.vidyard.com/<UUID>.jpg?"
If this width property is removed, then the image will render at its native size on the page. The animated images are naturally 640px wide.
Note: In the lightbox embed code, it will appear that a jpg image is being referenced. It will, in fact, deliver a .gif into the browser if you have selected an animation.
Solution
You could add a larger width property into the lightbox code you have implemented. This would look like:
<img width="1920" src="https://play.vidyard.com/<UUID>.jpg?"
An issue you may find with this is that the quality decreases slightly (as you are stretching the image out).
If the positioning of the image rather than the size is a problem, you could align the image centrally. This will require your web team to adjust the CSS code to accomplish this, likely with a property of margin=auto.
Comments
0 comments
Please sign in to leave a comment.