Playlist setup | JW6

Example

Output – with playlist at the bottom

Output – with playlist on the left

Here’s the code:

<div class="jw-settings" id="my_settings_left" data-skin="">
     <div class="jw-video" id="my_video_left">
          <div class="videoFallback">
               <strong>Download video</strong>
               <a class="jw-source" href="/videos/mp4/ampm_music-1.mp4" data-type="video/mp4" data-bitrate="508" data-width="640">MP4 version</a>
          </div>
     </div>
     <div class="jw-playlist" data-position="left" data-size="250">
          <h4>Video Playlist</h4>
          <hr />
          <div class="jw-data">
               <a href="/videos/mp4/ampm_music-360.mp4"
                  data-src-video-mp4-360-555="/videos/mp4/ampm_music-360.mp4"
                  data-src-video-mp4-720-999="/videos/mp4/ampm_music-720.mp4"
                  data-image="/posters/ampm.jpg"
                  data-title="Punnany Massif"
                  data-duration="366"
                  data-description="PÉCS AKTUÁL X - OFFICIAL HD VIDEO (c) Punnany Massif & AM:PM Music">Punnany Massif Link</a>
          </div><hr />
          <div class="jw-data">
               <a href="/videos/mp4/Mahesh%20Vinayakram-1.mp4"
                  data-src-video-mp4-540-777="/videos/mp4/Mahesh%20Vinayakram-1.mp4"
                  data-image="/posters/dub_fx.jpg"
                  data-title="No Rest For The Wicked"
                  data-duration="426"
                  data-description="Dub FX featuring CAde and Mahesh Vinayakram">No Rest For The Wicked</a>
          </div><hr />
          <div class="jw-data">
               <a href="http://www.youtube.com/watch?v=ShbC5yVqOdI"
                  data-src-video-youtube="http://www.youtube.com/watch?v=ShbC5yVqOdI"
                  data-image="/posters/danny_macaskill.jpg"
                  data-title="Danny Macaskill - Industrial Revolutions (YouTube)"
                  data-duration="296"
                  data-description="Industrial Revolutions"
                  data-engine="youtube">Danny Macaskill - Industrial Revolutions</a>
          </div><hr />
          <div class="jw-data">
               <a href="http://vimeo.com/61702922"
                  data-src-video-vimeo="http://vimeo.com/61702922"
                  data-image="http://b.vimeocdn.com/ts/428/916/428916440_640.jpg"
                  data-title="Everybody wants to kill Bruce (Vimeo)"
                  data-duration="598"
                  data-description="When he wakes up one morning, Bruce Willis finds himself pursued by an entire city: or how to give him a hard time in 39 movies ! Don't be mistaken, it's just an action movie ... old fashioned style!"
                  data-engine="vimeo">Everybody wants to kill Bruce</a>
          </div><hr />
     </div>
     <div class="jw-modes">
          <div class="jw-mode" data-type="html5"></div>
          <div class="jw-mode" data-type="flash"></div>
     </div>
</div>