Tag video non accetta parametri

[techno]

Ciao a tutti
Ho un tag video:

<div class="cnt-video">
     <button class="cls-video"></button>
     <video id="video" controls autoplay="true"></video>
</div>

Quando clicco su dei link tipo questi:

<span class="play-video" data-vsrc="doctor_presentation_video"></span>

vado a prendere l'attributo data-vsrc che sarebbe il nome del file video mp4 e lo vado a mettere in source:

const playVideo = document.querySelectorAll(".play-video");
const cntVideo = document.querySelector(".cnt-video");
const elVideo = document.getElementById("video");
playVideo.forEach((item) => {
    item.addEventListener("click", (e) => {
        let src = e.target.getAttribute("data-vsrc");
        let url = "./video/" + src + ".mp4";
        const elSource = document.createElement("source");
        elSource.setAttribute("src", url);
        elSource.setAttribute("type", "video/mp4");
        elVideo.appendChild(elSource);
        cntVideo.classList.add("active");
    });
});

solo che non mi crea ne il tag source e quindi non attribuisce nemmeno il valore src come type
Voglio precisare che ho verificato se il valore data-vsrc lo prende e lo prende correttamente.

[alka]

Ciao a tutti
Ho un tag video:
[...]
Quando clicco su dei link tipo questi:
[...]
vado a prendere l'attributo data-vsrc che sarebbe il nome del file video mp4 e lo vado a mettere in source:
[...]
solo che non mi crea ne il tag source e quindi non attribuisce nemmeno il valore src come type

Non userei l'elemento <source> in quel modo, che peraltro indica possibili alternative per lo stesso video, mentre ogni clic ne aggiunge una, suppongo per video però diversi in quanto non si vanno a rimuovere gli eventuali <source> inseriti in precedenza.

Usa direttamente l'attributo src dell'elemento <video>, chiamando i relativi metodi per governarne la riproduzione del filmato selezionato.

Ciao!

[techno]

Non userei l'elemento <source> in quel modo, che peraltro indica possibili alternative per lo stesso video, mentre ogni clic ne aggiunge una, suppongo per video però diversi in quanto non si vanno a rimuovere gli eventuali <source> inseriti in precedenza.

Usa direttamente l'attributo src dell'elemento <video>, chiamando i relativi metodi per governarne la riproduzione del filmato selezionato.

Ciao!

Grazie per la risposta.
No effettivamente il source poi viene eliminato, alla chiusura della finestra cmq prima così era fatto richiamando src del tag video e funzionava benissimo, all'improvviso non ha più funzionato portandomi alla soluzione source.
Il fatto è che se vado a dare un src al tag video non viene presocioe non viene aggiunto come attributo e non capisco il perché

[alka]

Il fatto è che se vado a dare un src al tag video non viene presocioe non viene aggiunto come attributo e non capisco il perché

Crea un Fiddle con un codice di esempio da esaminare... è difficile fare supposizioni senza vedere il caso "in azione".

[techno]

Crea un Fiddle con un codice di esempio da esaminare... è difficile fare supposizioni senza vedere il caso "in azione".

OK sono riuscito a farlo funzionare con il soruce mi è bastato sostituire "ID" del tag video da ID video a ID xvideo.
Mi ero dimenticato che in questa pagina ci sono 2 tag video probabilmente con id video andava in conflitto.

Comunque grazie per la pazienza che hai avuto con me