Load parameters into html elements on page load, for later use as user interacts with page/video player. Handle player when user interacts.

elementsPlayerLoad.js

document.onreadystatechange = function () {
  if (document.readyState === 'complete') {
    var els = document.getElementsByClassName("vidlink");

    // assign attributes needed for actions, self invoking on page load
    (function () {
      Array.prototype.forEach.call(els, function(el, i){
        var newAtts = ["data-vidname", "data-vidlect"];
        var newNames = ["vidname", "vidlect"];
        Array.prototype.forEach.call(newAtts, function(newAtt, j){
          // meaning, myparams["data-vidname"][vidname], [vidlect]
          // for each newAtt, set correct value
          el.setAttribute(newAtt, myparams[i][newNames[j]]);
        });
      });
    })();

    // on click on element, resets video info in player in separate div
    Array.prototype.forEach.call(els, function(el){
      el.addEventListener("click", function(e){
        e.preventDefault();
        var vidlect = parseInt(el.getAttribute('data-vidlect'));
        jwplayer().stop();
        // load video at index in playlist
        jwplayer().playlistItem(vidlect);
        document.getElementById("content").scrollIntoView();
      });
    });
  }
};

// data required to set attributes, control player
var myparams = {
  "0": { "vidname": "Intro", "vidlect": "0" },
  "1": { "vidname": "More", "vidlect": "1" }
  // etc ...
};