html5视频和javascript组合失败
我正在开发一个HTML5视频功能，我有一个问题要问应该遵循的方法 在w3.org网站上找到了一些半帮助性的文章，但在jsfiddle.net上找到了一个完全有效的示例 请点击链接 我正在我的本地机器上尝试以下操作-html5视频和javascript组合失败,javascript,jquery,html,html5-video,Javascript,Jquery,Html,Html5 Video,我正在开发一个HTML5视频功能，我有一个问题要问应该遵循的方法 在w3.org网站上找到了一些半帮助性的文章，但在jsfiddle.net上找到了一个完全有效的示例 请点击链接 我正在我的本地机器上尝试以下操作- <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery Mobile Web App</title> <link href="
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery Mobile Web App</title>
<link href="jquery-mobile/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/>
<script src="jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(e) {
var video = document.getElementById('video').play();
var intervalRewind;
$(video).on('play', function () {
video.playbackRate = 1.0;
clearInterval(intervalRewind);
});
$(video).on('pause', function () {
video.playbackRate = 1.0;
clearInterval(intervalRewind);
});
$("#speed").click(function () { // button function for 3x fast speed forward
video.playbackRate = 3.0;
});
$("#negative").click(function () { // button function for rewind
intervalRewind = setInterval(function () {
video.playbackRate = 1.0;
if (video.currentTime == 0) {
clearInterval(intervalRewind);
video.pause();
} else {
video.currentTime += -.1;
}
}, 30);
});
});
</script>
</head>
<body>
<div data-role="page" id="page">
<div data-role="header">
<h1>Page One</h1>
</div>
<div data-role="content">
<video id="video" controls>
<source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4" type="video/mp4">
<source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.webm" type="video/webm">
<source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.ogv" type="video/ogg">
</video>
<button id="speed">Fast Forward</button>
<button id="negative">Rewind</button>
</div>
<div data-role="footer">
<h4>Page Footer</h4>
</div>
</div>
</body>
</html>
jQuery移动Web应用程序
$（文档）.ready（函数（e）{
var video=document.getElementById（'video'）.play（）；
var间隔倒带；
$（视频）.on（'play'，函数（）{
video.playbackRate=1.0；
清除间隔（间隔倒带）；
});
$（视频）.on（'pause'，函数（）{
video.playbackRate=1.0；
清除间隔（间隔倒带）；
});
$（“#速度”）。单击（函数（）{//按钮函数可实现3倍快进
video.playbackRate=3.0；
});
$（“#负片”）。单击（函数（）{//按钮函数进行回放
intervalRewind=setInterval（函数（）{
video.playbackRate=1.0；
如果（video.currentTime==0）{
清除间隔（间隔倒带）；
video.pause（）；
}否则{
video.currentTime+=-.1；
}
}, 30);
});
});
第一页
快进
重绕
页脚
至于脚本本身，您应该意识到，您的回放实现有一些缺陷。其中一个原因是视频实际上一直处于暂停状态，所以用户不能只按“暂停”停止倒带。但这很容易解决。另一个更大的问题是，在进行倒带时，你会以
.1