Estoy tratando de crear una función que muestre y oculte un div a través de la inyección de JavaScript. La función se inyecta perfectamente sin el if (condición) como: $("#video-container").load("include/video.html"); pero no se inyecta correctamente con la declaración if. ¿Cómo una declaración if rompe algo como esto?

 var show_video_feed_bool = false; function show_video_feed() { if (show_video_feed_bool == false) { $("#video-container").load("include/video.html"); show_video_feed_bool = true; } if (show_video_feed_bool) { document.getElementById("video-container").innerHTML = ""; show_video_feed_bool = false; } }

vídeo.html

 <div id="container"> <video autoplay="true" id="videoElement"> </video> </div> <script> var video = document.querySelector("#videoElement"); if (navigator.mediaDevices.getUserMedia) { navigator.mediaDevices.getUserMedia({ video: true }) .then(function (stream) { video.srcObject = stream; }) .catch(function (err0r) { console.log("Something went wrong!"); }); } </script>