Can I use javascript to dynamically change a video’s source?

by

Sure,

  1. You can set the src attribute on the source element:

    document.querySelector("#myVideoTag > source").src = "http://example.com/new_url.mp4"

    Or using jQuery instead of standard DOM methods:

    $("#myVideoTag > source").attr("src", "http://example.com/new_url.mp4"​​​​)​

  2. Then you need to call the load method on the video element:

    videoElement.load()

More Related Contents:

  1. How to mute an html5 video player using jQuery
  2. HTML5 callbacks?
  3. How can I set preview of video file, selecting from input type=’file’
  4. Play HTML5 Video when scrolled to
  5. Input type="text" with select functionality after clicking on Input type="text"
  6. jQuery append function is just appending the html but not the classes related to it
  7. jQuery .animate function not responding properly
  8. jQuery/JavaScript collision detection
  9. Can I use HTML tags in the options for select elements? [duplicate]
  10. Reload an iframe with jQuery
  11. How to make a simple image upload using Javascript/HTML
  12. HTML – attributes vs properties [duplicate]
  13. javascript: detect scroll end
  14. Get the DOM path of the clicked
  15. Can javascript access iframe elements from the parent page?
  16. Possible to associate label with checkbox without using “for=id”?
  17. How to localize a simple HTML website page in my case?
  18. Close a div by clicking outside
  19. How to scroll to an element in jQuery?
  20. Web browser: Hide mouse cursor [duplicate]
  21. Prevent iOS bounce without disabling scroll ability
  22. ToggleClass animate jQuery?
  23. minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes
  24. Rotate div text after clicking on button using jquery and css
  25. How to properly unload/destroy a VIDEO element
  26. How to hide optgroup/option elements?
  27. how to use html2canvas and jspdf to export to pdf in a proper and simple way
  28. Hot to get incomplete datetime-local input values
  29. Do duplicate ID values screw up jQuery selectors?
  30. Can you have multiple lines in an element?

Leave a Comment