позволяет пользователю выбрать несколько видео одновременно, используя только JS

Question

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

Я несколько раз пытался скопировать код и назначить каждому игроку новый идентификатор. Но я очень, очень новичок в использовании js, и ни один из этого кода не является моим. Я собрал все это, выполняя поиск в Интернете, копируя и изменяя существующий код. Я исследовал все эти функции и переменные, но я настолько далеко, насколько могу.

       (function localFileVideoPlayer() 
  {'use strict'
    var URL = window.URL || window.webkitURL
    var displayMessage = function (message, isError) {
    var element = document.querySelector('#message')
    element.innerHTML = message
    element.className = isError ? 'error' : 'info'
  }
   var playSelectedFile = function (event)
   {
     var file = this.files[0]
     var type = file.type
     var videoNode = document.querySelector('video')
     var canPlay = videoNode.canPlayType(type)
     if (canPlay === '') canPlay = 'no'
     var isError = canPlay === 'no'
     if (isError)
   {return
   }
     var fileURL = URL.createObjectURL(file)
     videoNode.src = fileURL
   }
     var inputNode = document.querySelector('input')
     inputNode.addEventListener('change', playSelectedFile, false)
  })()

Цель - для личного использования, только на стороне клиента, с использованием Chrome и только с использованием js. Иметь несколько видеоплееров на одной странице и позволить пользователю выбирать видео для каждого видеоплеера. Спасибо за вашу помощь.