按空格键时暂停HTML5视频
按空格键时暂停HTML5视频
提问于 2014-08-19 23:24:03
我有这样的脚本，当按空格键时，应该暂停HTML5视频。在Firefox中，Bur会暂停你按下的所有键，不管是空间还是其他键，而在Chrome中，它根本不工作。
另外，双击视频不会转到全屏。
$(window).keypress(function(e) {
if (e.keyCode == 0) {
if (video.paused == true)
video.play();
else
video.pause();
}
});
$video.dblclick(function() {
video.mozRequestFullScreen();
video. webkitRequestFullscreen();
video.requestFullscreen();
});回答 5
Stack Overflow用户
回答已采纳
发布于 2014-08-19 23:35:17
试试下面的片段
var video = document.getElementById('video_id');
document.onkeypress = function(e){
if((e || window.event).keyCode === 32){
video.paused ? video.play() : video.pause();
}
};若要使视频处于全屏模式，请使用以下命令
var video = document.getElementById("video_id");
document.ondblclick = function(){
if(video.requestFullscreen){
video.requestFullscreen();
}else if(video.mozRequestFullScreen){
video.mozRequestFullScreen();
}else if(video.webkitRequestFullscreen){
video.webkitRequestFullscreen();
}
};工作jsBinl
Stack Overflow用户
发布于 2014-08-19 23:40:15
使用keyup和Event.keyCode === 32代替。小提琴
如果您愿意，您也可以在本例中使用keydown，因为您没有测试输入值。
Stack Overflow用户
发布于 2014-08-19 23:34:54
双击不会进入全屏，您必须添加该操作。至于暂停，请尝试jQuery事件的jQuery属性。
$(window).keypress(function(e) {
// debugger;
if (e.which == 32) {
if (video.paused == true)
video.play();
else
video.pause();
}
});取消对调试器的注释，以便您可以检查发生的事件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25394543
复制相关文章
相似问题
腾讯云开发者
