JPlayer playlist - need to move variable values from head to body

JPlayer playlist - need to move variable values from head to body

Hello

Please check the code below defined in the head tag.

I now need to move the myPlaylist.setPlaylist variable and from the head html tag into the body html tag., so I can change the playlist dynamically. Can you please advise?

Why? - I'm using a DNN module and injecting dynamic data. Unfortunately I can only inject data via tokens into the body and not the head.


Many Thanks...

  2. <link type="text/css" href="/script/jplayer/skin/pink.flag/css/jplayer.pink.flag.css" rel="stylesheet" />
  3. <script type="text/javascript" src="/script/jplayer/jplayer.playlist.min.js"></script>
  4. <script type="text/javascript" src="/script/jplayer/jquery.jplayer.min.js"></script>
  5. <script type="text/javascript">
  6. $(document).ready(function(){

  8. var myPlaylist = new jPlayerPlaylist({
  9. jPlayer: "#jquery_jplayer_1",
  10. cssSelectorAncestor: "#jp_container_1"
  11. },[], {
  12. swfPath: "/script/jplayer",
  13. supplied: "mp3",
  14. wmode: "window",
  15. useStateClassSkin: true,
  16. autoBlur: false,
  17. smoothPlayBar: true,
  18. keyEnabled: true
  19. });

  21. myPlaylist.setPlaylist([
  22. {
  23. title:"MYTitle",
  24. artist:"MYArtist",
  25. mp3: "/Portals/0/_audio/MYFile.mp3"
  27. }
  28. ]);


  31. });
  32. </script>