Создание управления видео

Question

window.onload = function() { 

    "use strict"; 
    var video = document.getElementById("video"), 
     playButton = document.getElementById("play-pause"), 
     muteButton = document.getElementById("mute"), 
     fullScreenButton = document.getElementById("full-screen"), 
     seekBar = document.getElementById("seek-bar"), 
     volumeBar = document.getElementById("volume-bar"); 

    muteButton.addEventListener("click", function() { 
     if (video.muted === false) { 

      video.muted = true; 


      muteButton.innerHTML = "Unmute"; 
     } else { 

      video.muted = false; 


      muteButton.innerHTML = "Mute"; 
     } 
    }); 

    fullScreenButton.addEventListener("click", function() { 
     if (video.requestFullscreen) { 
      video.requestFullscreen(); 
     } else if (video.mozRequestFullScreen) { 
      video.mozRequestFullScreen(); // Firefox 
     } else if (video.webkitRequestFullscreen) { 
      video.webkitRequestFullscreen(); // Chrome and Safari 
     } 
    }); 

    seekBar.addEventListener("change", function() { 

     var time = video.duration * (seekBar.value/100); 

     video.currentTime = time; 
    }); 

    video.addEventListener("timeupdate", function() { 

     var value = (100/video.duration) * video.currentTime; 

     seekBar.value = value; 
    }); 

    seekBar.addEventListener("mousedown", function() { 
     video.pause(); 
    }); 

    seekBar.addEventListener("mouseup", function() { 
     video.play(); 
    }); 

    volumeBar.addEventListener("change", function() { 
     video.volume = volumeBar.value; 
    }); 

Это мой код, и я получаю 3 кода ошибки от JSLint. 1. Ожидаемый '(конец)' в столбце 1, а не в столбце 7. 2. Ожидаемый '}' для соответствия '{' из строки 1 и вместо этого видит '(конец)'. 3. Ожидаемый ';' и вместо этого увидел «(конец)».

Любая помощь в получении этой работы будет принята с благодарностью.

Answer 1

/*jslint browser: true*/ 

window.onload = function() { 

    "use strict"; 
    var video = document.getElementById("video"), 
     //playButton = document.getElementById("play-pause"), 
     muteButton = document.getElementById("mute"), 
     fullScreenButton = document.getElementById("full-screen"), 
     seekBar = document.getElementById("seek-bar"), 
     volumeBar = document.getElementById("volume-bar"); 

    muteButton.addEventListener("click", function() { 
     if (video.muted === false) { 

      video.muted = true; 


      muteButton.innerHTML = "Unmute"; 
     } else { 

      video.muted = false; 


      muteButton.innerHTML = "Mute"; 
     } 
    }); 

    fullScreenButton.addEventListener("click", function() { 
     if (video.requestFullscreen) { 
      video.requestFullscreen(); 
     } else if (video.mozRequestFullScreen) { 
      video.mozRequestFullScreen(); // Firefox 
     } else if (video.webkitRequestFullscreen) { 
      video.webkitRequestFullscreen(); // Chrome and Safari 
     } 
    }); 

    seekBar.addEventListener("change", function() { 

     var time = video.duration * (seekBar.value/100); 

     video.currentTime = time; 
    }); 

    video.addEventListener("timeupdate", function() { 

     var value = (100/video.duration) * video.currentTime; 

     seekBar.value = value; 
    }); 

    seekBar.addEventListener("mousedown", function() { 
     video.pause(); 
    }); 

    seekBar.addEventListener("mouseup", function() { 
     video.play(); 
    }); 

    volumeBar.addEventListener("change", function() { 
     video.volume = volumeBar.value; 
    }); 
}; 

Это не дает мне никаких ошибок. /*jslint browser: true*/ должно сообщить jslint window, document и так далее. Я прокомментировал вам неиспользованный playButton. И вы забыли ; в конце вашего кода.