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

#javascript #video #controls #jslint

#javascript #Видео #элементы управления #jslint

Вопрос:

 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. Ожидаемый ‘(end)’ в столбце 1, а не в столбце 7.
2. Ожидалось, что ‘}’ будет соответствовать ‘{‘ из строки 1, а вместо этого увидел ‘(end)’.
3. Ожидаемый ‘;’ и вместо этого увидел ‘(end)’.

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

Комментарии:

1. Ваша window.onload функция, похоже, не закрыта, если это весь код. Что вам говорит консоль

Ответ №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 . И вы забыли ; в конце своего кода.