JWPlayer не будет воспроизводить несколько файлов

Question

Я чувствую, что мне не хватает чего-то очень очевидного здесь. Я много часов оглядывался по интернету, пытаясь разными способами, но я просто не могу заставить его работать. Пожалуйста, обратитесь к приведенному ниже коду:

<script type='text/javascript'> 
var playerInstance = jwplayer('myElement'); 
playerInstance.setup({ 
    playlist: [{ 
     sources: [{ 
      file: 'files/6c497f2e7ed7f1b1723e405d979174c0.mp4', 
      file: 'files/a97088dfc242fbc3141ab13db6df3380.mp4' 
     }] 
    }], 
    listbar: { 
     position: "right", 
     size: 234 
    } 
}); 
</script> 

Я пытаюсь получить его, чтобы показать список воспроизведения этих двух видео-файлов на сторону, которые затем могут быть выбраны и воспроизведены. В настоящий момент он воспроизводит первый файл в списке, но не отображает второй файл и также не будет воспроизводить его. Что именно я делаю неправильно здесь?

Заранее благодарим за любую помощь.

Answer 1

Лучший способ воспроизведения плейлистов с JW Player - использовать плейлист RSS. Формат плейлиста представлен в версии XML JW Player. Плейлист должен быть на сервере. Расширение файла может быть либо .xml, либо .rss. Вот один используется для демонстрации:

<rss version="2.0" xmlns:jwplayer="https://rss.jwpcdn.com/"> 
<channel> 
    <item> 
    <title>Video 1</title> 
    <jwplayer:source file="http://glpjt.s3.amazonaws.com/so/av/vid1.mp4" /> 
    </item> 

    <item> 
    <title>Video 2</title> 
    <description></description> 
    <jwplayer:source file="http://glpjt.s3.amazonaws.com/so/av/vid2.mp4" /> 
    </item> 

    <item> 
    <title>Video 3</title> 
    <description></description> 
    <jwplayer:source file="http://glpjt.s3.amazonaws.com/so/av/vid3.mp4" /> 
    </item> 
</channel> 
</rss> 

---

ССЫЛКА

RSS Playlists

PHP Setup

---

DEMO: CODEPEN