0

function t() {
  var u = document.getElementById("fileupload").value;
  var video = document.getElementById('video');
  document.getElementById.scr = u;
  video.load();
  video.play();
};
<button id="submit" value="submit" onclick="t();">play</button>
<embed id="video" width="330" height="220" scr="">
Ramiz Wachtler
  • 5,623
  • 2
  • 28
  • 33
manoj nk
  • 1

1 Answers1

0

You cannot able to directly read or play video using its src or id.

You have to do something like below to complete your requirements. Use FileReader function to read file source from input type file

<script>
    function t() {
      var preview = document.querySelector('embed');
      var video   = document.querySelector('input[type=file]').files[0];
      var reader  = new FileReader();

      reader.onloadend = function () {
        preview.src = reader.result;
      }

      if (video) {
        reader.readAsDataURL(video);
      } else {
        preview.src = "";
      }

      //video.load();
      //video.play();
    };
</script>

<input type="file" name="fileupload" value="fileupload" id="fileupload"> 
<label for="fileupload"> Select a file to play</label>

<embed id="video" width="330" height="220" scr="">
<button id="submit" value="submit" onclick="t();">play</button>

Here is a JSFiddle

Kirankumar Dafda
  • 2,354
  • 5
  • 29
  • 56