let createPlayers = function()

in multiple-players/script.js [47:96]
39 lines of code
2 McCabe index (conditional complexity)

  let createPlayers = function(src, id){
    const PlayerState = IVSPlayer.PlayerState;
    const PlayerEventType = IVSPlayer.PlayerEventType;

    let video = document.createElement('video');
    video.autoplay = true;
    video.playsinline = true;
    video.className = 'player';
    video.id = 'player-' + id;
    players.appendChild(video);

    // Initialize player
    const elPlayer = IVSPlayer.create();
    elPlayer.attachHTMLVideoElement(video);

    // Attach event listeners
    elPlayer.addEventListener(PlayerState.PLAYING, function () {
      console.log("Player State - PLAYING");
    });
    elPlayer.addEventListener(PlayerState.ENDED, function () {
      console.log("Player State - ENDED");
    });
    elPlayer.addEventListener(PlayerState.READY, function () {
      console.log("Player State - READY");
    });
    elPlayer.addEventListener(PlayerEventType.ERROR, function (err) {
      console.warn("Player Event - ERROR:", err);
    });
    elPlayer.addEventListener(PlayerEventType.TEXT_METADATA_CUE, function (cue) {
      const metadataText = cue.text;
      const position = elPlayer.getPosition().toFixed(2);
      console.log(
        `Player Event - TEXT_METADATA_CUE: "${metadataText}". Observed ${position}s after playback started.`
      );
    });

    // Make the video the Featured one
    if(id === 0){
      video.classList.add('featured');
    }

    // On click, set new Featured video
    video.addEventListener('click', (e) => {
      document.getElementsByClassName('featured')[0].classList.remove('featured');
      video.classList.add('featured');
    });
    
    // Player config
    handlePlayerReady(src, elPlayer);
  }