impress.js
Enter キーを押して、Chrome で HTML 5 ビデオを開始および停止する方法を探しています (私は を使用しているため、Chrome でのみ機能する必要があります)。
関数と関係があることは知っていますが、.play()
JavaScript は初めてです。
誰かが私にヒントを与えることができますか?
impress.js
Enter キーを押して、Chrome で HTML 5 ビデオを開始および停止する方法を探しています (私は を使用しているため、Chrome でのみ機能する必要があります)。
関数と関係があることは知っていますが、.play()
JavaScript は初めてです。
誰かが私にヒントを与えることができますか?
var video = document.getElementById('video-element-id-here');
document.onkeypress = function(e) {
if ( (e || window.event).keyCode === 13 /* enter key */ ) {
video.paused ? video.play() : video.pause();
}
};
OP: コメントも見てください。
var myVideo = document.getElementById('vid-id');
document.documentElement.addEventListener("keyup", function(e) {
var ev = e || window.event; // window.event for IE fallback
if(ev.keyCode == 13) {
// toggle play/pause
if(myVideo.paused) { myVideo.play(); }
else { myVideo.pause(); }
}
});
注: keyup
キーが離されたときに、プレスごとに 1 回だけ起動します。 ユーザーがキーを押し続けると、繰り返し発火しますkeydown
。keypress