Ver Mensaje Individual
  #2 (permalink)  
Antiguo 24/11/2014, 11:43
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: Insertar cargar vídeo según url que ingreso en un input text.

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
  1. <input type = "text" id = "url" placeholder = "Ingrese la URL del vídeo" />
  2. <button id = "cargar">Cargar vídeo</button>
  3. <iframe id = "video"></iframe>

Código Javascript:
Ver original
  1. var input = document.getElementById("url"),
  2.     button = document.getElementById("cargar"),
  3.     iframe = document.getElementById("video"),
  4.     urlEmbed;
  5.  
  6. button.addEventListener("click", function(){
  7.     urlEmbed = input.value.replace("watch?v=", "embed/");
  8.     iframe.src = urlEmbed;
  9. }, false);

DEMO

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Última edición por Alexis88; 24/11/2014 a las 13:50 Razón: Caracter de más.