不懂就问，有没有什么办法同时播放两个视频，并且调节视频进度是同时调节两个视频的进度

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 1849 天前的主题，其中的信息可能已经有所发展或是发生改变。

有个课程录播，是两个视频，一个是 ppt 界面的录屏，一个是课堂里面老师讲课的视频（只看得到黑板和人）

我下下来观看，觉得同时调节两个视频的进度很麻烦，不容易对准

有没有办法同步播放、同步调节进度

进度

视频

调节

录屏

14 条回复 2020-12-07 21:50:34 +08:00

youla

2020-12-07 16:55:28 +08:00

做过类似的，用的 websocket 通信。

kiracyan

2020-12-07 17:02:21 +08:00

合并两个视频

ditel

2020-12-07 17:05:58 +08:00 via Android

事件吧，事件通信什么的

gggxxxx

2020-12-07 17:08:40 +08:00

40

If anyone is still interested in this the current version of VLC is able to do this very well without any kind of scripting or add-on. As far as I know however you can only play two files synchronously, not 3.

To accomplish this simply open VLC and select Media>Open Multiple Files.
Inside the multiple file windows select add to add the first file.
After this click on the, "Show more options," checkbox followed by the, "Play another media synchronously," checkbox at the bottom of the window.
Select browse next to, "Extra media," to add the second file.
Hit play and the two media files will play simultaneously with a single control window.

easonHHH

2020-12-07 17:21:25 +08:00

最简单粗暴的方法应该是找个视频剪辑软件把两个视频直接合并一起

yutou527

2020-12-07 17:44:15 +08:00

```html
<!DOCTYPE HTML>
<html>
<body>

<video id='main' cOntrols="controls" cOntrols="controls">
<source src="http://www.v2ex.com/i/movie.mp4" type="video/mp4" />
</video>
<video id='sub' cOntrols="controls" cOntrols="controls">
<source src="http://www.v2ex.com/i/movie.mp4" type="video/mp4" />
</video>

<script>
let main = document.getElementById('main');
let sub = document.getElementById('sub');
main.addEventListener('play',function(e){sub.play()}); main.addEventListener('pause',function(e){sub.pause()});
main.addEventListener('seeking',e=>{
sub.currentTime = main.currentTime;
});
</script>
</body>
</html>

```

yutou527

2020-12-07 17:44:32 +08:00

这个才简单粗暴

yutou527

2020-12-07 17:51:52 +08:00

https://s3.ax1x.com/2020/12/07/DxgNt0.gif

myxingkong

2020-12-07 18:04:14 +08:00

https://imgchr.com/i/DxRCse
推荐 rvplayer，非常强大的视频播放器，支持并播多个视频，并且支持自定义播放布局，可以将一个视频叠加在另一个视频上方，看上去就像一个视频。
官网地址： http://www.tweaksoftware.com/products/rv
不过是收费的，当然你也可以找找 xx 版。