Remove HTML5 video and clear src attribute to prevent leaks.

remove-video.js

// remove audio + video + stop all the downloadin’
// assumes $video and $audio are jQuery selectors for <video> and <audio> tags.
var removeMedia = function () {
  _.each([$video, $audio], function ($media) {
    if (!$media.length) return;
    $media[0].pause();
    $media[0].src = '';
    $media.children('source').prop('src', '');
    $media.remove().length = 0;
  });
};

alternatively we can do this as well (for video player):

$('video source').each(function(num,val){
    $(this).attr('src', '')
});

alternatively we can do this as well (for video player):

$('video source').each(function(num,val){
    $(this).attr('src', '')
});

It will produce MEDIA_ELEMENT_ERROR
Better to add removeAttribute after that: https://twitter.com/beraliv/status/1205214277956775936

I additionally had to call load on the video object

videoPlayer.src = '';
videoPlayer.load();

@Beraliv

It will produce MEDIA_ELEMENT_ERROR
Better to add removeAttribute after that: https://twitter.com/beraliv/status/1205214277956775936

Thanks! This was really useful.

@eladkarako Yeah, definitely a necessary thing especially for slow performant devices (e.g. Tizen 2.3 and 2.4)