Muchas gracias Alexis. El ejemplo que me has dejado funciona muy bien. Lo que pasa es que necesitaba embeberlo según este iframe de amara.org:
Código Javascript
:
Ver original<div id="my_video1" class="amara-embed" data-height="260px" data-url="https://s3.amazonaws.com/ted.conferences/talk/transcript/2014P/None/RamananLaxminarayan_2014P-transcript.mp4" data-width="460px">
<script src="http://amara.org/embedder-iframe" type="text/javascript"></script>
Tu ejemplo lo he utilizado así y va bien:
Código Javascript
:
Ver original<!DOCTYPE html>
<html>
<body>
<input type = "text" id = "url" placeholder = "Ingrese la URL del vídeo" />
<button id = "cargar">Cargar vídeo</button>
<div>
<iframe id = "video"></iframe>
</div>
<script>
var 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;
alert("El resultado es " + urlEmbed);
}, false);
</script>
</body>
</html>
Pero yo he intentado adaptarlo de ésta manera (entre otras) y no me funciona, no lo he podido embeber. ¿Sabes cómo lo podría hacer?
Código Javascript
:
Ver original<!DOCTYPE html>
<html>
<body>
<input type = "text" id = "url" placeholder = "Ingrese la URL del vídeo" />
<button id = "cargar">Cargar vídeo</button>
<div>
<iframe id = "video" class="amara-embed" src="http://amara.org/embedder-iframe" type="text/javascript"></iframe>
</div>
<script>
var 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);
</script>
<script src="http://amara.org/embedder-iframe" type="text/javascript"></script>
</body>
</html>
Gracias por tu ayuda.
Un saludo.