0
331
Vistas¿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 Respuestas
Responde la pregunta0
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
Denunciar
Responde la pregunta