Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

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>


6 Community Answers

MisterNeutron

Best Answer 

This was a problem with responsive layout in Flash, and it was fixed in JW Player 6.12. I suspect you're viewing the video in a browser that doesn't support HLS, so JW Player is using Flash to display it.

View in conversation

info

User  
0 rated :

I did some more testing. When I use a YouTube video link in the Publish Wizard, the video position was centered.

When using a HLS video link directly from Wowza or from Amazon Cloudfront the video player moves to the right side of the page (starting at center line). I tried with both HTML5 and Flash players. I get the same results.

MisterNeutron

Best Answer  User  
0 rated :

This was a problem with responsive layout in Flash, and it was fixed in JW Player 6.12. I suspect you're viewing the video in a browser that doesn't support HLS, so JW Player is using Flash to display it.

info

User  
0 rated :

I'm using Safari. I'm certain it supports HLS. I also tried Chrome and IE.

info

User  
0 rated :

I just noticed my player is 6.11.4923
I'm using a cloud player..I thought the cloud player always uses the newest player version??

I really need to get this fixed. I tried many different settings yet the layout keeps moving. I really need to get this fixed.

Any ideas???

info

User  
0 rated :

I found the problem! Thank you MisterNeutron for pointing out the version fix.

I found the JWPlayer WordPress plugin still uses the 6.11 player. I deactivated the plugin and added the necessary scripting into the head and now it uses 6.12.

As you said, the 6.12 player corrects the layout problem.

MisterNeutron

User  
0 rated :

Glad you got it sorted out. I can never quite keep track of which code sources are coughing up which versions, especially since I don't use WordPress at all.

This question has received the maximum number of answers.