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

poster image

Hello. I'm connecting JWPlayer to our Cloud CMS store which delivers content as JSON. Images and videos are stored in our Cloud CMS instance and returned as a URL:

https://a022bcec-0c8d-4f5d-b4ad-338c24b49149-hosted.cloudcms.net/static/node/d1f9dd9d3b88058eca4d

Cloud CMS does not include a file extension but the media asset is rendered via an img or video tag. However, JWPlayer does not render the posterimage URL from CloudCMS. There is a way for JWPlayer to render videos without a file extension via adding 'type' attribute to a playlist. How can I get posterimage to work?

9 Community Answers

Up Down

Donni Katzovicz

JW Player Support Agent  
0 rated :

I made a test page which does show that it works. However, you really need to have a file extension as there is no way to set a type for the image: block.

Up Down

t...

User  
0 rated :

Hi Donni. So, you were able to make it work in your test page? Can you share your answer please?

Up Down

Donni Katzovicz

JW Player Support Agent  
0 rated :

Just click on the link in my post above

Up Down

t...

User  
0 rated :

Hi Donni. That link does not work. I get timeout errors. 'qa.jwplayer.com took too long to respond.'

Up Down

Donni Katzovicz

JW Player Support Agent  
0 rated :

Apologies, try it again.

Up Down

t...

User  
0 rated :

Hi Donni. I still get same timeout error in Firefox and Google Chrome

Up Down

Donni Katzovicz

JW Player Support Agent  
0 rated :

The page might be cached, does it work in incognito mode?

Up Down

t...

User  
0 rated :

Hi Donni. No, same experience in incognito mode. Can you paste the solution here please?

Up Down

Donni Katzovicz

JW Player Support Agent  
0 rated :

Below is my embed code:

<!DOCTYPE html>
<html>
<head>    
<script src="http://content.jwplatform.com/libraries/YOURPLAYERIDHERE.js"></script>
</head>
<body>
<div id="myElement">Loading the player...</div>
<script type="text/javascript">
var playerInstance = jwplayer("myElement");
playerInstance.setup({
    file: "MediumVideo.mp4",
    skin: { 
	    name: "vapor" 
	    },
	    image: "https://a022bcec-0c8d-4f5d-b4ad-338c24b49149-hosted.cloudcms.net/static/node/d1f9dd9d3b88058eca4d",
    width: 640,
    height: 360,
    title: 'Basic Video Embed',
    description: 'A video with a basic title and description!'   
});
</script>
</body>
</html>

This question has received the maximum number of answers.