Controlar un vídeo con un botón de un video_controls_bar
Me podéis decir cómo puedo hacer para que el
botón "
Pause" que he creado actúe sobre el vídeo. Es un video embebido de amara.org. También me gustaría incluir otro botón para que retroceda el vídeo 6 segundos por ejemplo.
¿Sabéis cómo hacer esto?
Os dejo el código que estoy usando y que no me funciona:
Código Javascript
:
Ver original<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div#video_controls_bar{ background: #333; padding:10px;}
</style>
<script type="text/javascript" src='http://amara.org/embedder-iframe'></script>
<script>
function playPause(btn,vid){
var vid = document.getElementById(vid);
if(vid.paused){
vid.play();
btn.innerHTML = "Pause";
} else {
vid.pause();
btn.innerHTML = "Play";
}
}
</script>
</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,'my_video')">Pause</button>
</div>
</body>
</html>
Un saludo
Javier