Duda Con tuto de libro
Publicado por Nicolas (1 intervención) el 26/09/2012 17:15:28
Hola amigos , estoy siguiendo un curso de html5 en un libro que compre , en una parte se programa un reproductor con javascript , mi codigo es el siguiente
html
y el de javascript es
El problema es que no funciona y no carga nada , pero si pego el codigo de la pagina del libro si funciona , el cual es el siguiente
No encuentro diferencia solo la de ingles y español , no entiendo porque el mio no funciona y el js del codigo de la pagina del libro si , espero me puedan ayudar y resolver esta duda
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="es">
<head>
<title> Reproductor de video </title>
<link rel="stylesheet" href="reproductor.css" >
<script src="reproductor.js"></script>
</head>
<body>
<section id="reproductor">
<audio id="medio">
<source src="http://minkbooks.com/content/beach.mp4">
<source src="http://minkbooks.com/content/beach.ogg">
</audio>
<nav>
<div id="botones">
<button type="button" id="reproducir"> Reproducir </button>
</div>
<div id="barra">
<div id="progreso"></div>
</div>
<div style="clear: both"></div>
</nav>
</section>
</body>
</html>
y el de javascript es
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
function iniciar() {
alert('ola');
maximo=600;medio=document.getElementById('medio');
reproducir=document.getElementById('reproducir');
barra=document.getElementById('barra');
progreso=document.getElementById('progreso');
reproducir.addEventListener('click', presionar, false);
barra.addEventListener('click', mover, false);
maxim=600;mmedia=document.getElementById('media');
play=document.getElementById('play');
bar=document.getElementById('barra');
progress=document.getElementById('progreso');
play.addEventListener('click', push, false);
bar.addEventListener('click', move, false);
}}function presionar() {
if(!medio.paused && !medio.ended) {
medio.pause();
reproducir.innerHTML='Play';
window.clearInterval(bucle);
}else{
medio.play();
reproducir.innerHTML='Pause';
bucle=setInterval(estado, 1000);
}}function estado {if(!medio.ended){
var total=parseInt(medio.currentTime*maximo/medio.duration);
progreso.style.width=total+'px';
}else{
progreso.style.width='0px';
reproducir.innerHTML='Play';
window.clearInterval(bucle);
}}function mover(e) {
if(!medio.paused && !medio.ended){
var ratonX=e.pageX-barra.offsetLeft;
var nuevoTiempo=ratonX*medio.duration/maximo;
medio.currentTime=nuevoTiempo;
progreso.style.width=ratonX+'px';
}}window.addEventListener('load', iniciar, false);
El problema es que no funciona y no carga nada , pero si pego el codigo de la pagina del libro si funciona , el cual es el siguiente
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
function initiate() {
maxim=600;mmedia=document.getElementById('medio');
play=document.getElementById('play');
bar=document.getElementById('barra');
progress=document.getElementById('progreso');
play.addEventListener('click', push, false);
bar.addEventListener('click', move, false);
}function push(){
if(!mmedia.paused && !mmedia.ended) {
mmedia.pause();
play.innerHTML='Play';
window.clearInterval(loop);
}else{
mmedia.play();
play.innerHTML='Pause';
loop=setInterval(status, 1000);
}}function status(){
if(!mmedia.ended){
var size=parseInt(mmedia.currentTime*maxim/mmedia.duration);
progress.style.width=size+'px';
}else{
progress.style.width='0px';
play.innerHTML='Play';
window.clearInterval(loop);
}}function move(e){
if(!mmedia.paused && !mmedia.ended){
var mouseX=e.pageX-bar.offsetLeft;
var newtime=mouseX*mmedia.duration/maxim;
mmedia.currentTime=newtime;
progress.style.width=mouseX+'px';
}}window.addEventListener('load', initiate, false);
No encuentro diferencia solo la de ingles y español , no entiendo porque el mio no funciona y el js del codigo de la pagina del libro si , espero me puedan ayudar y resolver esta duda
Valora esta pregunta
0