Только начал работать с jwplayer, у меня есть несколько вопросов

Question

я только начал работать с jwplayer и у меня есть несколько вопросов:

1. Как прикрепить/показать миниатюру рядом с заголовком (по аналогии с YouTube)? Должен ли я сам создавать миниатюры, или jwplayer делает это для меня?

2. Раздел плейлиста выглядит скучным, он просто показывает название. Как я могу показать дополнительную информацию для видео? т.е. время, автор/загружающий файл и т. д.

Пожалуйста, указывайте мне документацию, если таковая имеется, до сих пор я ее не нашел.

Мой текущий код:

<script type="text/javascript"> 
    jwplayer("myElement").setup({ 
     playlist: [{ 
      file: "/common/assets/sample_iPod.m4v", 
      title: "Sample Video 1" 
     },{ 
      file: "/common/assets/Wildlife_512kb.mp4", 
      title: "Animals being CUTE!!!" 
     },{ 
      file: "https://s3.amazonaws.com/asteroid.static.www.otcmarkets.com/videos_presentations/OTCM/Wildlife_512kb.mp4", 
      title: "video from S3" 
     },{ 
      file: "https://s3.amazonaws.com/asteroid.static.www.otcmarkets.com/videos_presentations/OTCM/sample_iPod.m4v", 
      title: "ipod help from S3" 
     }], 
     width: 770, 
     height: 360, 
     listbar: { 
      position: 'right', 
      size: 240 
     } 
    }); 
</script> 

Answer 1

Чтобы сделать это, вы бы добавить изображение, а также описание к каждой записи списка воспроизведения.

Ссылка - http://www.longtailvideo.com/support/jw-player/29249/playlist-sidebar-component

код используется:

<div id="myElement"></div> 

<script> 
    jwplayer("myElement").setup({ 
     playlist: [{ 
     file: "/uploads/sintel.mp4", 
     image: "/uploads/sintel.jpg", 
     title: "Sintel Trailer", 
     description: "Sintel is a fantasy CGI movie from the Blender Open Movie Project." 
     },{ 
     file: "/uploads/tears.mp4", 
     image: "/uploads/tears.jpg", 
     title: "Tears of Steel Trailer", 
     description: "A complete open pipeline was used to produce this visual effect film." 
     },{ 
     file: "/uploads/bunny.mp4", 
     image: "/uploads/bunny.jpg", 
     title: "Big Buck Bunny Trailer", 
     description: "This animated film is made using free and open source software." 
     },{ 
     file: "/uploads/elephants.mp4", 
     image: "/uploads/elephants.jpg", 
     title: "Elephants Dream Trailer", 
     description: "This is the worlds first open movie, made entirely with Blender." 
     }], 
     width: 700, 
     height: 240, 
     listbar: { 
     position: "right", 
     size: 280 
     } 
    }); 
</script>