I want to retrieve the src attribute from a source element that is also inside a video element.
<video controls>
<source src="img/Film/vid.mp4" type="video/mp4" />
<source src="img/Film/vid.mp4" type="video/ogg" />
Your browser does not support HTML video.
</video>
You can select each source element in the video with querySelectorAll and map through the list to extract the src property:
const sources = [...video.querySelectorAll('source')].map(e => e.src)
console.log(sources)<video controls id="video">
<source src="img/Film/vid.mp4" type="video/mp4" />
<source src="img/Film/vid.mp4" type="video/ogg" />
Your browser does not support HTML video.
</video>