Comment vérifier si une div est associée à une piste vidéo?

Question

J'utilise le twilio pour activer une conversation vidéo dans l'application. Je joins les pistes audio et vidéo de chaque utilisateur pour séparer les conteneurs. Comment puis-je vérifier si une div donnée possède déjà une piste vidéo?

Answer 1

Twilio développeur évangéliste ici.

Si vous pouvez cibler le <div> avec une sorte de sélecteur id ou css, vous pouvez également le faire dans l'élément <div>. Ainsi, avec le code HTML suivant:

<div id="localVideo"> 
    <video></video> 
</div> 

Ensuite, vous pouvez obtenir le <div> avec document.getElementById ou document.querySelector puis effectuez une recherche dans le <div> en utilisant element.querySelector.

const div = document.getElementById('localVideo'); 
if (div.querySelector('video')) { 
    console.log('There is a video!'); 
} else { 
    console.log('No video yet.'); 
} 

element.querySelector retourne l'élément que vous recherchez si elle existe ou null si elle ne fonctionne pas. Faites-moi savoir si cela aide du tout.