0
333
Views¿Cómo mostrar una plantilla de video si existe un campo de "video" en firestore?
Hola, estoy tratando de mostrar un video usando literales de plantilla, todo funciona bien, pero ahora deseo ocultar la plantilla si el campo de video en Firestore está vacío o no existe.
Si el video de campo tiene el valor incrustado en firestore, el video se muestra correctamente
Pero si el campo video no tiene ningún valor, la etiqueta iframe seguirá apareciendo y me gustaría ocultarla.
Aquí está mi código
const video = document.getElementById('video'); let path3 = `Ludolab/offer/list/${idRef}/index/${idCon}/content`; let collRef3 = db.collection(path3); collRef3.onSnapshot((querySnapshot) => { video.innerHTML = ''; querySnapshot.forEach((doc) => { video.innerHTML +=` <iframe class="has-ratio" width="150" height="150" src="https://www.youtube.com/embed/${doc.data().video}" frameborder="0" allowfullscreen> </iframe> ` }); });Cualquier ayuda se la agradezco con gusto, gracias de antemano.
·
Juan Pablo Isaza
1 answers
Answer question0
Puede agregar una declaración if simple que agregue otro iframe solo cuando el campo de video esté presente:
collRef3.onSnapshot((querySnapshot) => { video.innerHTML = ''; querySnapshot.forEach((doc) => { if (doc.data().video) { // video field present, add iframe video.innerHTML += ` <iframe class="has-ratio" width="150" height="150" src="https://www.youtube.com/embed/${doc.data().video}" frameborder="0" allowfullscreen> </iframe>` } }); });
·
Juan Pablo Isaza
Report
Answer question