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

Video thumnail for each video item in playlist


Hello,
I'm experimenting with JWPlayer 7 and I'm very pleased with it.
I would like to know if it is possible to include video thumbnails for playlist items. My demo setup here: http://ivacademy.ru/video/jwplayer

Thank you.

7 Community Answers

George

JW Player Support Agent  
2 rated :

Something like this should work.

<!doctype html>
<head>
<script src="http://content.jwplatform.com/libraries/JRb7Rg4H.js"></script>
<style>
.listbar_item {
display: block;
background-color: silver;
width: 480px;
margin-bottom: 10px;
}

</style> </head> <div id='demo'></div>

<br> <div id='listbar'></div>
<script type='text/javascript'>
jwplayer(‘demo’).setup({
playlist: [{
file: “mountains.mp4”,
image: “mountains.jpg”,
title: “Mountains”,
description: “Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sagittis velit non leo porta laoreet. Donec blandit tincidunt placerat. Curabitur commodo erat sit amet sem elementum aliquam.”
},{
file: “whiskey.mp4”,
image: “whiskey.jpg”,
title: “Whiskey”,
description: “Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sagittis velit non leo porta laoreet. Donec blandit tincidunt placerat. Curabitur commodo erat sit amet sem elementum aliquam.”
}],
width: ‘480’,
height: ‘270’,
events: {
onReady: function () {
var myVideos = jwplayer().getPlaylist();
for (var i = 0; i < myVideos.length; i++) {
//put the code to get your rating here
document.getElementById(‘listbar’).innerHTML += ‘<div class=listbar_item onClick="jwplayer().playlistItem(’ + i + ‘);">’ + myVideos[i].image + ‘><b>’ + myVideos[i].title + ‘</b><br>’ + myVideos[i].description + ‘</div>’;
}
}
}
});

</script>

</body> </html>

az0000000 N/A

User  
-1 rated :

Thank Thank you for help.
I see "no playable source" message: http://ivacademy.ru/video/jwplayer/index2.html is there a particular reason for that?

I'm trying to play videos uploaded by me, into my jwplayer.com account.

Thanks a lot.

George

JW Player Support Agent  
1 rated :

Which browser?

az0000000 N/A

User  
-1 rated :

I'm using old firefox 29.0.1 or chrome 37.0.

George

JW Player Support Agent  
0 rated :

Do you have flash enabled? Also you seem to have both the single line embed and the library js file and the js setup code. You need to keep only one method, either single line or js library with setup.

az0000000

User  
0 rated :

Hello again,
It seems to me there is a misunderstanding confusion.
Let me start over again :)

I am embedding a dynamic playlist into my site, using the code from an online created player:
<iframe src="//content.jwplatform.com/players/iyP4sLBc-xwqXbpcO.html" width="480" height="270" frameborder="0" scrolling="auto" allowfullscreen></iframe>

I would like to know if it is possible using that online created player to have video thumbnails in the playlist?

Also i can't find the needed fields to customize the default social share options as specified in this documentation: http://support.jwplayer.com/customer/portal/articles/1409823-social-sharing-overlay

Also i can't find the needed fields to customize the default Google Analytics code as specified in this article: http://support.jwplayer.com/customer/portal/articles/1417179-integration-with-google-analytics

Those options are simply not available to use in the online player's configuration options.

Am i doing something wrong?

Thank you.

George

JW Player Support Agent  
1 rated :

Hi, the single line embeds do come with limitations. You would have to setup the player using this method to get the flexibility you are asking for:
https://support.jwplayer.com/customer/portal/articles/1406723-basic-video-embedding-options#1-custom

This question has received the maximum number of answers.