Javascript 等待事件未触发

Javascript 等待事件未触发,javascript,html,video-streaming,Javascript,Html,Video Streaming,我不明白为什么等待事件没有触发 基本上,我希望容器中的动画能够在视频缓冲区中工作 还有什么我需要注意的事情吗 函数播放(){ var elem=document.getElementById(“动画”); var-pos=0; 变量id=设置间隔(第5帧); 函数框架(){ 如果(位置==350){ 清除间隔(id); }否则{ pos++; elem.style.top=pos+'px'; elem.style.left=pos+'px'; } } } #容器{ 宽度:400px; 高度:4

我不明白为什么等待事件没有触发

基本上,我希望容器中的动画能够在视频缓冲区中工作

还有什么我需要注意的事情吗

函数播放(){
var elem=document.getElementById(“动画”);
var-pos=0;
变量id=设置间隔(第5帧);
函数框架(){
如果(位置==350){
清除间隔(id);
}否则{
pos++;
elem.style.top=pos+'px';
elem.style.left=pos+'px';
}
}
}
#容器{
宽度:400px;
高度:400px;
位置:相对位置;
背景:黄色;
}
#生动活泼{
宽度:50px;
高度:50px;
位置:绝对位置;
背景色:红色;
}

两件重要的事情:

首先:您不能命名函数
play()
,因为它是视频api的一个函数,您必须重命名它

Second:您的
onwaiting
事件工作正常,但它仅在您的视频必须buff下一帧时触发(如连接速度慢问题)。如果希望在视频搜索要显示的数据时触发,如第一次加载,请使用
onloadstart
事件:

下面是您的工作片段:

函数播放动画(){
var elem=document.getElementById(“动画”);
var-pos=0;
变量id=设置间隔(第5帧);
函数框架(){
如果(位置==350){
清除间隔(id);
}否则{
pos++;
elem.style.top=pos+'px';
elem.style.left=pos+'px';
}
}
}
#容器{
宽度:400px;
高度:400px;
位置:相对位置;
背景:黄色;
}
#生动活泼{
宽度:50px;
高度:50px;
位置:绝对位置;
背景色:红色;
}

两件重要的事情:

首先:您不能命名函数
play()
,因为它是视频api的一个函数,您必须重命名它

Second:您的
onwaiting
事件工作正常,但它仅在您的视频必须buff下一帧时触发(如连接速度慢问题)。如果希望在视频搜索要显示的数据时触发,如第一次加载,请使用
onloadstart
事件:

下面是您的工作片段:

函数播放动画(){
var elem=document.getElementById(“动画”);
var-pos=0;
变量id=设置间隔(第5帧);
函数框架(){
如果(位置==350){
清除间隔(id);
}否则{
pos++;
elem.style.top=pos+'px';
elem.style.left=pos+'px';
}
}
}
#容器{
宽度:400px;
高度:400px;
位置:相对位置;
背景:黄色;
}
#生动活泼{
宽度:50px;
高度:50px;
位置:绝对位置;
背景色:红色;
}


看看这个例子;代码没有做任何事情的原因是,当视频播放完毕时,它意味着一个动作。您要寻找的是等待页面准备就绪,并在文档准备就绪时启动play()函数ready@Ggg不要跟着你,伙计。我的代码与您所指的代码有何不同;代码没有做任何事情的原因是,当视频播放完毕时,它意味着一个动作。您要寻找的是等待页面准备就绪,并在文档准备就绪时启动play()函数ready@Ggg不要跟着你,伙计。我的代码与您所指的代码有何不同?谢谢,但我希望它也在缓冲区时启动,所以我只需添加一个onwaiting调用相同的fnSure@akshaykishore!使用事件处理程序
onwaiting
onloadstart
,如果有帮助,不要忘记将问题标记为答案;)谢谢,但我希望它在缓冲时也能启动,所以我只需添加一个onwaiting,调用相同的fnSure@akshaykishore!使用事件处理程序
onwaiting
onloadstart
,如果有帮助,不要忘记将问题标记为答案;)