Question

我在我的网站上使用视频标签。它适用于所有主流浏览器，但我遇到了Firefox的问题。

当我点按播放按钮时，视频会滚动到视频结尾！

为了启动视频，我需要将视频倒回到开始以外的位置，然后点击播放。奇怪的。我试图将视频的初始位置设置为1，但它没有帮助。我仍然需要手动滚动它。任何帮助将不胜感激。谢谢

<video width="80% height="80%" controls id="video1">
          <source src="videos/<cfoutput>#getVideo.URL#</cfoutput>.mp4" type="video/mp4">
          <source src="videos/<cfoutput>#getVideo.URL#</cfoutput>.ogv" type="video/ogg">
          <source src="videos/<cfoutput>#getVideo.URL#</cfoutput>.webmhd.webm" type="video/webm">
          Your browser does not support the video tag. 
</video>

使用Javascript：

V I D E O * /

function setupVideo（）{ 如果（！为myVideo）{ console.log（“设置视频”）; 为myVideo =的document.getElementById（ “VIDEO1”）; timeElapsed = 0; 定时器;
```
    myVideo.addEventListener("play",videoStarted,false);
    myVideo.addEventListener("pause",videoPaused,false);
    myVideo.addEventListener("loadeddata",videoLoaded,false);

        console.log(" Video Element is: "+myVideo);

}
else{
    console.log("Video Was Already set");
    playPause();
    }
```
}

function playPause（） {     if（myVideo.paused）          myVideo.play（）;     其他         myVideo.pause（）; }

功能videoLoaded（e） {     console.log（“Video Loaded”）;     myVideo.currentTime = 1; }

功能视频开始（e） {     console.log（“视频已启动”）;     //启动计时器     timer = setInterval（videoPlaying，1000）; }

function videoPlaying（）{     timeElapsed ++;     console.log（“Video Playing”+ myVideo.currentTime）;
```
if(Math.ceil(myVideo.currentTime)== 10)
{
    console.log(" it reached 10  now display quiz");
    playPause();

}
```
}

功能videoPaused（e） { clearInterval（定时器）; 的console.log（ “暂停”）; }

Answer 1

您的WebM或OGV视频可能包含负面或无效的时间戳。某些软件生成的视频的启动时间略小于零，特别是如果音频和视频帧未对齐以便同时启动。（也就是说，视频可能会在0之前稍微开始，音频可能从0开始。）

如果视频是使用ffmpeg生成的，请尝试使用选项-avoid_negative_ts 1。

如果您安装了mkvtoolnix软件包，则可以使用命令mkvinfo -s file .webm查看webm文件中的时间戳。

Firefox html5视频倒带而不是播放

1 个答案: