我正在编写我的第一个 HTML/javascript/jquery 页面以使用机械土耳其人在线呈现。该实验需要一组试验，每个试验都是一个视频，显示快速的图像流，图像之间有空白屏幕。我们使用视频而不是图像本身，因为我们已经有一个来自实验室实验的 matlab 脚本来平衡试验中和试验之间的图像。如果可能的话，我想继续使用这些视频，但我不知道如何解决我在播放速度方面遇到的这个问题——
Chrome 中的一切似乎都运行良好，并且视频以正常速度呈现。但是，当我在 Safari 中对其进行测试时，一切基本上都与 Chrome 一样，除了视频速度有点太快，我不知道为什么。它并不是快得离谱，但肯定是 > 1x。（我不知道如何计算出到底快了多少）。我现在有一个按键触发器来开始试用视频（它修复了一个不同的问题，但没有解决这个问题），并且我已经尝试了视频标签上 preload 属性的所有不同值。我的视频是 mp4。现在一切都托管在我的本地机器上。
有谁知道为什么不同浏览器的播放速度会有所不同？对于所有科目来说，时间的准确和一致是非常重要的，因此解决这个问题非常重要。这甚至是我的代码的问题（例如，是否有我应该拥有的属性或某种加载方式？），还是我的计算机（Mac，运行 Catalina 10.15.1）的问题，或者我的浏览器的问题（safari ver . 是 13.0.3)？
请帮我弄清楚发生了什么！
编辑：这是一个实际的“最小可复制示例”，我删除了上面所有的废话，感谢前 2 位帮助我更恰当地设置它的评论者——https: //www.dropbox.com/sh/f21trckjf1hte9g/ AAB4T4XMDJDydhlINhsnp_YIa?dl=0
（仅使用此处的脚本，问题仍然存在（并且文件夹中只有一个演示视频）