Sería ideal que utilizaras un elemento
<iframe>
para mostrar el vídeo embebido, luego, una vez que el usuario ingrese la URL del vídeo en la caja de texto, pulsas el botón y ejecutas una función, en la cual le darás a la URL del vídeo la forma necesaria para que pueda ser embebida en el
<iframe>
y, finalmente, la asignas a dicho elemento.
Un ejemplo:
Código HTML:
Ver original<input type = "text" id = "url" placeholder = "Ingrese la URL del vídeo" />
Código Javascript
:
Ver originalvar input = document.getElementById("url"),
button = document.getElementById("cargar"),
iframe = document.getElementById("video"),
urlEmbed;
button.addEventListener("click", function(){
urlEmbed = input.value.replace("watch?v=", "embed/");
iframe.src = urlEmbed;
}, false);
DEMO
Saludos