How to properly unload/destroy a VIDEO element

by

It is very tricky to dispose video from the DOM structure. It may lead to browser crashing. Here is the solution that helped me in my project. 

var videoElement = document.getElementById('id_of_the_video_element_here');
videoElement.pause();
videoElement.removeAttribute('src'); // empty source
videoElement.load();

this will reset everything, silent without errors !

Edit: Here are the full details as recommended in the Standard: https://html.spec.whatwg.org/multipage/media.html#best-practices-for-authors-using-media-elements

Hope it resolve your query.

More Related Contents:

  1. jQuery. Find all attribute values within/under elements `script or noscript or iframe` that have attribute keys as `src or href` [closed]
  2. jQuery document.createElement equivalent?
  3. How can I select an element by name with jQuery?
  4. What is the most efficient way to create HTML elements using jQuery?
  5. How do I create a link using javascript?
  6. How to show Page Loading div until the page has finished loading?
  7. Finding line-wraps
  8. How to get the element clicked (for the whole document)?
  9. Why are duplicate ID values not allowed in HTML?
  10. Is there a DOM event that fires when an HTML select element is closed?
  11. How to find a parent with a known class in jQuery?
  12. jQuery: how to change tag name?
  13. Is there any “on DOM change” event? [duplicate]
  14. Get the DOM path of the clicked
  15. How to move table row in jQuery?
  16. Jquery Event Not Triggering for DOM Elements Created after page load [duplicate]
  17. Why do multiple `.appendTo` calls on a newly created jQuery element only append it once?
  18. How to add DOM element script to head section?
  19. Uncaught TypeError: Cannot read property ‘top’ of undefined
  20. JQuery html() vs. innerHTML
  21. How can I get access to a Highcharts chart through a DOM-Container?
  22. Open new window without focus on it [duplicate]
  23. How can I remove wrapper (parent element) without removing the child?
  24. User Activity Tracking using javascript library [closed]
  25. window.getSelection return html [duplicate]
  26. How to get on-screen visible element objects in jQuery? [duplicate]
  27. Test if an element can contain text
  28. Why I cant use jQuery functionality
  29. JavaScript get element by name
  30. How can I use JSON data to populate the options of a select box?

Leave a Comment