Tengo varias secuencias de video en una página, aunque solo se debe ver/escuchar una en cualquier momento. La transmisión 1 debería estar visible en la carga de la página, luego, al hacer clic en el botón "Transmisión 2" o "Transmisión 3", debería cambiarse según corresponda.
El uso de eventos Show/hide js no funcionará porque la transmisión oculta todavía se puede escuchar en la página cuando está oculta. Mi conocimiento de js está limitado a ninguno (¡pero lo estoy intentando!), aunque parece que detach() encaja bien en mi caso de uso, ya que el elemento puede eliminarse pero también restablecerse.
El siguiente descendiente de esto en W3schools oculta con éxito Stream (elemento) 2, con dos botones de ID correspondientes, pero en última instancia, estoy lejos de la alternancia perfecta que busco...
<html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function(){ var x; $("#button1_id").click(function(){ x = $("#element_two_id").detach(); }); $("#button2_id").click(function(){ $("#element_one_id").prepend(x); }); }); </script> </head> </html>¿Se puede lograr esto con detach() o estoy ladrando al árbol equivocado?