Video doesn't fill player, why not?

vincent — Apr 21, 2015 03:04PM EDT

---

This is a manual setup on a Wordpress site using the Genesis Framework and a Genesis child theme with the library added to the head.

I'm not using the Wordpress plugin.

Video plays fine except there's a big black border all around the video.

Here's the page: https://diabeticteststrips.io/lesson/setting-up-freshbooks/

Here's the code:

<center><div id="myElement">Loading the player...</div>
<script type="text/javascript">
jwplayer("myElement").setup({
file: "https://diabeticteststrips.io/wp-content/uploads/freshbooks.mp4",
image: "https://diabeticteststrips.io/wp-content/uploads/freshbooks.png",
skin: "bekle",
width: 900,
height: 506
});
</script></center>

Here's the file size defined in the original file at: 1280x720 HD:

https://snar.ly/x/freshbooks.mp4_Info_2015-04-21_13-51-27.png

Here's the big black border:

https://snar.ly/x/Setting_Up_FreshBooks_-_Diabetic_Test_Strips_2015-04-21_13-51-53.png

Here's the raw video pulled directly from the upload folder:

https://diabeticteststrips.io/wp-content/uploads/freshbooks.mp4

Here's an image showing that there's no border when it's NOT in the JW Player:

https://snar.ly/x/httpsdiabeticteststrips.iowp-contentuploadsfreshbooks.mp4_2015-04-21_13-58-32.png

If you take the video to full screen, there is no black border.


So, why is there a big black border and how do I get the video to fill the player like it does when it's not in JW Player?