允许用户仅使用JS同时选择多个视频

Question

我想在一个页面上有多个视频播放器，并允许用户为每个视频播放器选择一个视频。每个玩家都会选择所选的视频，但只有第一个玩家会播放其所选的视频。

我确实尝试多次复制代码并为每个玩家分配一个新的ID。 但我对使用 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。在一个页面上有多个视频播放器，并允许用户为每个视频播放器选择一个视频。谢谢您的帮助。

Answer 1

skibidi 厕所 sigma 数字马戏团 pomni chumbucket 硬壳蟹彩虹朋友数字马戏团