gpt4 book ai didi

javascript - 如何仅在 HTML 中按住键时播放视频

转载 作者:行者123 更新时间:2023-11-30 13:49:29 32 4
gpt4 key购买 nike

我有按下一个键的代码,但我需要实现按下键的位置以播放视频

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

我知道我必须使用 onkeydown 和 onkeyup 但不确定如何使用

最佳答案

const vid = document.getElementById('myVideo');

const playPauseVideo = ev => {
if (ev.key !== 'F1') return; // Do nothing if not F1
ev.preventDefault(); // Prevent browser default action (on F1)
vid[ev.type === 'keydown' ? 'play' : 'pause']();
}

document.addEventListener('keydown', playPauseVideo);
document.addEventListener('keyup', playPauseVideo);
Press and hold F1 to play video
<video id="myVideo" src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4"></video>

关于javascript - 如何仅在 HTML 中按住键时播放视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58567310/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com