Hosted vs Publish Wizard Embed Code Changes Position of Player
I notice when embedding a video hosted on JWPlayer vs a link thru Publish Wizard causes the player position to move. How can this be fixed??
For instance;
See my webpage here: http://marchelive.net/about-marche-live/special-event-page/
The video on the page is hosted on my JWPlayer account. Using the embed code generated by the hosted player works great. The player position is centered as it should be.
However, when I want to live-stream to the same page, I paste in code generated by the Publish Wizard. This results in video player position moving to the right side of the page (left edge of the video player starting at center line of the page).
Why would the two different embed codes change the position of the player?
How can I get my live-stream embed code to stay centered??
Below is the code for each:
The current video is hosted on myJWPlayer account. Here is the embed code
<div id='playerEAZjP5lS'></div>
<script type='text/javascript'>
jwplayer('playerEAZjP5lS').setup({
playlist: '//content.jwplatform.com/feed/EAZjP5lS.rss',
width: '100%',
aspectratio: '16:9',
autostart: 'true'
});
</script>
Now here is embed code created by the Publish Wizard using my livestream link:
<div id='playerekGvWWpvpRwA'></div>
<script type='text/javascript'>
jwplayer('playerekGvWWpvpRwA').setup({
file: 'http://xx.xx.xx.xxx/marchelive/mpegts.stream/playlist.m3u8',
image: '//www.longtailvideo.com/content/images/jw-player/lWMJeVvV-876.jpg',
title: 'Live Test',
width: '100%',
aspectratio: '16:9',
autostart: 'true'
});
</script>
