Javascript 在html5视频中跳转到currentTime后自动播放
我正在尝试创建一个视频,当你点击一个按钮跳转到视频中的某个点后,它会自动播放。我有它,所以视频跳到现场,但我不知道如何让它从那里自动播放。我是javascript新手,我想可能有一个简单的解决方案我没有Javascript 在html5视频中跳转到currentTime后自动播放,javascript,html,html5-video,Javascript,Html,Html5 Video,我正在尝试创建一个视频,当你点击一个按钮跳转到视频中的某个点后,它会自动播放。我有它,所以视频跳到现场,但我不知道如何让它从那里自动播放。我是javascript新手,我想可能有一个简单的解决方案我没有 function Fwd(){ if (video.currentTime < 17.91 && video.currentTime >= 0) { (video.currentTime = 17.92) }
function Fwd(){
if (video.currentTime < 17.91 && video.currentTime >= 0)
{ (video.currentTime = 17.92)
}
else if (video.currentTime < 35.93 && video.currentTime > 17.91)
{ (video.currentTime = 35.94)
}
}
不起作用
函数Fwd(){
var video=document.getElementById(“视频”);
如果(video.currentTime<17.91&&video.currentTime>=0)
{
(video.currentTime=17.92)
}
否则如果(video.currentTime<35.93&&video.currentTime>17.91)
{
(video.currentTime=35.94)
}
video.play();
}
我为video
变量添加了一个声明,因为这似乎会引起一些混乱
在您的编辑中,您创建了一个v
变量,但是您已经为它分配了DOM对象的第一个属性或方法的值,该DOM对象与id
为video
的元素相关联(这是数组访问器[0]
在document.getElementById(“video”)
之后所做的)。几乎可以肯定,该属性或方法本身不会有属性volume
或方法pause()
。之后,您开始使用视频
变量,但没有明确定义它或设置它的值。它可能是在您未发布的代码中定义的,但从您所展示的内容来看,这将是一种浪费,因为您显然试图将v
变量作为视频元素的引用-不需要同时使用v
和video
决定一个变量来保存对视频元素的引用,使用document.getElementById(“视频”)
分配它,然后一致地使用它。var update=function(){
var update = function() {
if (document.getElementById("video").currentTime < 10)
{
document.getElementById("video").currentTime = 10;
}
};
document.getElementById("video").setAttribute("ontimeupdate", "update();");
document.getElementById("video").play();
if(document.getElementById(“video”).currentTime<10)
{
document.getElementById(“视频”).currentTime=10;
}
};
document.getElementById(“视频”).setAttribute(“ontimeupdate”、“update();”);
document.getElementById(“视频”).play();
Hi robertc,谢谢你的回复,但不幸的是,视频仍然无法播放。@Noob\u C请发布更多的代码,或链接到你的示例。我在上面添加了更多代码,如果你需要更多,请告诉我。我不确定什么有用。我有很多与这个问题无关的JS和html,比如控制音量、静音等。@Noob_C好的,你在哪里设置video
变量?我又添加了一些Javascript。可能是视频变量的问题,因为我知道v.volume=.5;它不起作用了
var v = document.getElementById("video")[0];
v.volume = .5;
v.pause();
video.onpause = video.onplay = function(e) {
playpause.value = video.paused ? 'Play' : 'Pause';
}
function Fwd(){
var video = document.getElementById("video");
if (video.currentTime < 17.91 && video.currentTime >= 0)
{
(video.currentTime = 17.92)
}
else if (video.currentTime < 35.93 && video.currentTime > 17.91)
{
(video.currentTime = 35.94)
}
video.play();
}
var update = function() {
if (document.getElementById("video").currentTime < 10)
{
document.getElementById("video").currentTime = 10;
}
};
document.getElementById("video").setAttribute("ontimeupdate", "update();");
document.getElementById("video").play();