Traté de cambiar el src de un iframe, para cambiar los avances, pero después de intentar utilizar la respuesta de una publicación diferente: cambio de iframe src al hacer clic en el botón, pero aún no pude hacerlo funcionar, sigue diciendo: "newSrc no es definido en HTMLButtonElement.onclick (índice)(9:65)"
Quiero agradecer a todos por sus comentarios, encontré el problema y lo resolví, olvidé vincular el javascript en la página en la que estaba trabajando, el error más tonto que pude haber cometido.
Gracias Chris por ayudarme con consejos adicionales y Nermin por hacerme darme cuenta de mi tonto error.
function newSrc() { var e = document.getElementById("Menu_trailers"); var newSrc = e.options[e.selectedIndex].value; document.getElementById("trailers").src=newSrc; } <figure class="trailer"> <iframe src="https://www.youtube.com/embed/sfAc2U20uyg" id="trailers"> </iframe> </figure> <section class="button_trailer"> <select id="Menu_trailers"> <option value="https://www.youtube.com/embed/sfAc2U20uyg">Trailer 1</option> <option value="https://www.youtube.com/embed/o-L1mMZ31hM">Trailer 2</option> </select> <button onclick="newSrc();" class="button_next_trailer">Change trailer</button> </section>Aquí está el código JS para obtener el src del menú de selección, luego configúrelo en el elemento iframe
function newSrc() { // Get The Select Menu Element var e = document.getElementById("Menu_trailers"); // Set Select Menu Value (Selected Option) To Be The src Of The iframe document.getElementById("trailer").src = e.value; }