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

jquery get duration video tag

Kevin Decena answered on May 25, 2022 Popularity 7/10 Helpfulness 5/10

answer jquery get duration video tag

jquery get duration video tag

Comment

$(document).ready(function() {
  var data  = $('#file-input')[0]; // File from <input type="file"> tag
  var reader = new FileReader();
  reader.addEventListener('load', function() {
    var video = $('<video class="uploaded_video_src" controls></video>');

    if (reader.result) {
      $('.uploaded_video_src').append(`<source src="${reader.result}" type="video/mp4">`); // Add type attr for support for some .mov files

      video.on('loadedmetadata', function() {
        console.log('duration:', $(this)[0].duration);
      });
    }
  });
});

Popularity 7/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: duration javascript jquery-get video

Link to this answer
Share Copy Link