使用 Javascript 播放 HTML5 视频
Using Javascript to play HTML5 video
如何通过按单个键(例如按"R"键)而不是使用鼠标在网页中播放HTML5视频?我可以以某种方式使用javascript来做到这一点吗?
是的,可以做到。以下是应该工作的代码。
<script type="text/javascript">
function myKeyPress(e){
var keynum;
if(window.event) { // IE
keynum = e.keyCode;
} else if(e.which){ // Netscape/Firefox/Opera
keynum = e.which;
}
if(keynum == 82){ // 82 is key code for r.
var samplevideo = document.getElementById('samplevideo');
samplevideo.play();
}
}
</script>
这是代码,
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
</head>
<body>
<video width="400" controls id="videoId">
<source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
<source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
</body>
<script type="text/javascript">
$(document).keydown(function(e) {
if (e.keyCode == 82 ) {
alert("You have Pressed R , lets play the video");
document.getElementById('videoId').play();
}
});
</script>
</html>
我还创建了一个小提琴.
https://jsfiddle.net/ykaadart/
相关文章:
- 如何检查用户在html5视频播放器中观看了完整的视频
- html5视频中的Youtube类型注释
- 强制浏览器更新缓存的HTML5视频对象
- 可以使用带有json回调的html5视频标签
- 使用HTML5播放器时使用Javascript更改Youtube视频
- html5视频播放器和视频js之间的关系
- 隐藏HTML5视频控件
- 用链接替换嵌入的HTML5视频
- 我可以设置HTML5文件上传的视频长度限制吗
- HTML5视频链接在Chrome中不起作用
- 用angular js在屏幕上点击播放和暂停html5视频
- 使用Javascript播放HTML5视频
- 自定义HTML5视频控件-退出按钮不会启动全屏切换功能
- 视频HTML5的函数
- 录制视频HTML5
- 背景视频HTML5
- 在画布上绘制视频HTML5
- 在视频HTML5中获得帧变化
- 根据屏幕分辨率加载不同的视频(html5)质量
- 如何使保存按钮保存图像上的视频HTML5