Player now not center

Did you specify a player width in the SermonSpeaker options? If yes, try to remove that so it takes the default value (100%).

Ok that solved issue but if I wanted to place the player closer to the word worship so I can increase height and width of player how do i do that?

Usually it should be enough to adjust the width of "div.ss-sermons-player", "div.ss-serie-player" and "div.ss-speaker-player". By default it's set to 80%, in your case it's set to 500px. I think you have edited sermonspeaker.css.

ok solved that problem by changing it to the default now notice there's some padding or margin on the left and right of the player the element name is hr.ss-serie player. how do i make it so the player matches the width and no extra space on the left and right.

You again set some fixed width for the player.

By default, the div (.ss-xyz-player) surrounding the whole player is 80% width. The player itself will use 100% of this container, which automatically makes it as wide as the surrounding div. The same is true for the <hr> elements and the playlist (the one you hide). By default all those will be the same width, except if you specify something else.
To make the player wider, just change the width of this div.

The player width parameter can usually left empty, which means it will use default values. Only change this if you know what you do.