Javascript 我如何确保2<；视频>；s在同一时间播放（没有延迟）？

这是我目前的代码：

当前js代码：

Data={
  num_files:2
}

Video = {
  preview: {
    play_all: function(){
      for(i=0;i<Data.num_files;i++){
         $('#video'+i).get(0).play();
      }
    }
  }
}

数据={
num_文件：2
}
视频={
预览：{
全部播放：函数（）{
对于（i=0；i如果每个视频都有一个按钮，请添加一个使用
.click（）
方法的额外按钮。该方法类似于jQuery方法，调用该方法时将自动单击它绑定到的任何对象

演示

var ui=document.forms.ui；
var btns=ui.elements；
基站[0]。onclick=函数（e）{
播放（0）；
}
基站[1]。onclick=函数（e）{
游戏（1）；
}
btns.vSync.onclick=函数（e）{
基站[0]。单击（）；
基站[1]。单击（）；
}
功能播放（idx）{
var vids=Array.from（document.querySelectorAll（'video'）；
var vid=vids[idx]；
如果（参见暂停| |参见结束）{
视频播放（）；
}否则{
参阅暂停（）；
}
}

视频A
视频B
同步
检查哪一个具有同步功能。我认为browser/js不是这项工作的最佳环境。你不可能意识到你所追求的精度。