上传视频时如何强制添加.mp4或.webm扩展名？

Question

How could I possibly add an extension of.mp4 or.webm? It only produces like this

HTML

<input type="file" name="file[]" id="inpVid" accept="video/*">
<video style="width: 100%; max-width: 100%; margin-bottom: 10px;" controls id="vidURL">
  <source id="videoUrl" src="#" type="video/mp4">
</video>

SCRIPT

<script>
    function changeVideoURL (element) {
      const videoURLElement = document.getElementById('videoUrl')
      const videoPlayer = document.getElementById('vidURL')
      if (element.files && element.files[0]) {
        videoURLElement.src = URL.createObjectURL(element.files[0]);
        videoPlayer.load()
      }      
    }
    document.getElementById("inpVid").onchange = function() {
      changeVideoURL(this)
    }
</script>

Answer 1

I think this is what you seek

<input type="file[]" id="inpVid" accept="video/mp4,video/webm" />