#javascript #html #video
#javascript #HTML #Видео
Вопрос:
Я пытаюсь создать кнопку для приостановки и воспроизведения видео и изменить innerHTML при нажатии. Это то, что я пробовал, и я не могу понять, почему это не работает. Кто-нибудь может помочь, пожалуйста:
function play() {
var video = document.getElementById("video1");
video.play();
}
var playButton = document.getElementById("play-pause");
playButton.addEventListener("click", function () {
if (video.paused === true) {
// Play the video
video.play();
// Update the button text to 'Pause'
playButton.innerHTML = "Pause";
} else {
// Pause the video
video.pause();
// Update the button text to 'Play'
playButton.innerHTML = "Play";
}
});
Комментарии:
1. Можете ли вы еще раз попробовать вставить свой код? Замените текущий беспорядок, выберите весь новый код, а затем нажмите кнопку «Образец кода». Теперь он полон маркеров «введите код здесь», а отступы перепутаны. (Мы с Гэри пытались это исправить. Надеюсь, все в порядке)
2. Также: «он не работает» не является достаточным описанием проблемы
3. Вы заглядывали в отладчик (окно консоли) в вашем браузере?
4.
videoпеременная является локальной дляplayфункции. Это не видно обработчикуclickсобытий, который вы назначите позже.
Ответ №1:
var video = document.getElementById("video1");
var playButton = document.getElementById("play-pause");
playButton.addEventListener("click", function () {
if (video.paused === true) {
video.play();
playButton.innerHTML = "Pause";
} else {
video.pause();
playButton.innerHTML = "Play";
}
});