Firefox html5 视频倒带而不是播放

Question

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

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

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

<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 */

  函数 setupVideo(){ 如果（！我的视频）{ 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();
      }
  

  }

  函数 playPause() { 如果（myVideo.paused） myVideo.play(); 别的 myVideo.pause(); }

  函数 videoLoaded(e) { console.log("视频加载"); myVideo.currentTime = 1; }

  函数 videoStarted(e) { console.log("视频开始"); //启动定时器 计时器 = setInterval(videoPlaying,1000); }

  函数 videoPlaying(){ 时间经过 ++; console.log("视频播放"+myVideo.currentTime);

  if(Math.ceil(myVideo.currentTime)== 10)
  {
      console.log(" it reached 10  now display quiz");
      playPause();
  
  }
  

  }

  函数 videoPaused(e) { 清除间隔（定时器）； console.log("暂停"); }

Answer 1

您的 WebM 或 OGV 视频的时间戳可能为负数或无效。某些软件生成的视频开始时间略小于零，尤其是在音频和视频帧未对齐以同时开始时。 （也就是说，视频可能在 0 之前开始，而音频可能从 0 开始。）

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

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