Как использовать клавиши клавиатуры для изменения видео в HTML

Question 1

Я знаю, как играть и ставить на паузу с помощью клавиш, но я также хочу знать, как изменить видео с помощью клавиш клавиатуры.

Приведенный ниже код, добавленный с моими идентификаторами видео, позволяет мне воспроизводить и приостанавливать воспроизведение с помощью клавиши «p» на клавиатуре, но как изменить, чтобы каждая клавиша воспроизводила другое видео?

var vid = document.getElementById('myVideo');   
document.onkeypress = function(e){
    if((e || window.event).keyCode === 112){
        vid.paused ? vid.play() : vid.pause();
    }
};

html

1

Douglas Banks 24 Окт 2019 в 03:40

Answer

Я считаю, что вы можете просто изменить источник и загрузить видео с помощью функции нажатия клавиш.

vid.setAttribute("src", "some video source");
vid.load();

Так что-то вроде:

var vid = document.getElementById('myVideo');   
document.onkeypress = function(e){
    if((e || window.event).keyCode === 112){
        vid.paused ? vid.play() : vid.pause();
    } else if((e || window.event).keyCode === 39) {
        vid.setAttribute("src", "some video source");
        vid.load();
    }
};

2

osekmedia 24 Окт 2019 в 04:02

Question 2

Я считаю, что вы можете просто изменить источник и загрузить видео с помощью функции нажатия клавиш.

vid.setAttribute("src", "some video source");
vid.load();

Так что-то вроде:

var vid = document.getElementById('myVideo');   
document.onkeypress = function(e){
    if((e || window.event).keyCode === 112){
        vid.paused ? vid.play() : vid.pause();
    } else if((e || window.event).keyCode === 39) {
        vid.setAttribute("src", "some video source");
        vid.load();
    }
};

2

osekmedia 24 Окт 2019 в 04:02

Как использовать клавиши клавиатуры для изменения видео в HTML

1 ответ

Похожие вопросы

Новые вопросы

html