Cita:
Iniciado por IsaBelM 
quise decir: el elemento no está definido. coloca el javascript después del html. o si lo entiendes mejor antes de la etiqueta </body>
ahora tendrás que buscar dentro del html generado por el include .js la etiqueta <video> y usar su id o class para referenciarlo
Gracias Isabel. Si no lo he entendido mal he dejado el código de la siguiente manera:
Código Javascript
:
Ver original<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div#video_controls_bar{ background: #333; padding:10px;}
</style>
</head>
<body>
<div id="my_video" class="amara-embed" data-height="234px" data-width="414px" data-url="http://www.youtube.com/watch?v=5CKwCfLUwj4"></div>
<div id="video_controls_bar">
<button id="playpausebtn" onclick="playPause(this)">Pause</button>
</div>
<script type="text/javascript" src='http://amara.org/embedder-iframe'></script>
<script>
function playPause(btn){
var vid = document.querySelector("my_video");
if(vid.paused){
vid.play();
btn.innerHTML = "Pause";
} else {
vid.pause();
btn.innerHTML = "Play";
}
}
</script>
</body>
</html>
Creo que la linea que falla debe ser esta:
var vid = document.querySelector("my_video");
Comentabas que había que buscar dentro del html generado por el include .js la etiqueta <video> y usar su id o class para referenciarlo
Según esta linea que me dejaste:
var vid = document.querySelector('aquí la id o class de la etiqueta <video>');
Pero ¿cómo puedo saber el
id o la
class de la etiqueta <video>?
He probado a poner "
my_video" con comillas dobles, simples, sin comillas. Y sin poner nada. También he probado a poner "
amara-embed"...
Si me puedes decir que debo añadir o corregir. O cualquier otra persona del foro que sepa...
Muchas gracias.
Un saludo.