Breaking News: Grepper is joining You.com. Read the official announcement!

video preview javascript

Impossible Impala answered on March 20, 2021 Popularity 8/10 Helpfulness 5/10

answer video preview javascript

video preview javascript

Comment

$(document).on("change",".file_multi_video",function(evt){
  
  var this_ = $(this).parent();
  var dataid = $(this).attr('data-id');
  var files = !!this.files ? this.files : [];
  if (!files.length || !window.FileReader) return; 
  
  if (/^video/.test( files[0].type)){ // only video file
    var reader = new FileReader(); // instance of the FileReader
    reader.readAsDataURL(files[0]); // read the local file
    reader.onloadend = function(){ // set video data as background of div
          
          var video = document.getElementById('video_here');
          video.src = this.result;
      }
   }
  
});

Popularity 8/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript preview video

Link to this answer
Share Copy Link